| Server IP : / Your IP : 10.244.4.16 [ Web Server : nginx/1.25.3 System : Linux escuela-portal-app-54f56585bc-kst6g 5.15.0-1084-azure #93-Ubuntu SMP Sat Mar 15 14:12:29 UTC 2025 x86_64 User : root ( 0) PHP Version : 8.2.13 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals, Domains : 0 Domains MySQL : OFF | cURL : ON | WGET : OFF | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /proc/448/cwd/app/resources/js/components/admin/widgets/ |
Upload File : |
<template>
<div>
<div class="card">
<div class="card-header">
<h3 class="card-title">{{titleTable}}</h3>
</div>
<div class="card-body">
<table id="datadable1" class="table table-bordered table-striped">
<thead>
<tr>
<th v-for="label in labels">{{ label }}</th>
</tr>
</thead>
<tbody>
<tr v-for="row in items">
<td v-for="cell in row">
<span v-html="cell"></span>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<th v-for="label in labels">{{ label }}</th>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</template>
<script>
const langDatatables = require('../datatables-lang');
export default {
props: {
titleTable: String,
items: {
type: Array,
required: true,
defaults: []
},
labels: {
type: Array,
required: true,
defaults: []
}
},
mounted() {
jQuery("#datadable1")
.DataTable({
responsive: true,
lengthChange: false,
autoWidth: false,
buttons: ["copy", "csv", "excel"],
language: langDatatables.langDatatables
})
.buttons()
.container()
.appendTo("#example1_wrapper .col-md-6:eq(0)");
},
};
</script>