36 lines
1.6 KiB
JSON
36 lines
1.6 KiB
JSON
<!-- required files -->
|
|
<link href="../assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
|
|
<link href="../assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
|
|
<link href="../assets/plugins/datatables.net-fixedheader-bs5/css/fixedHeader.bootstrap5.min.css" rel="stylesheet" />
|
|
<script src="../assets/plugins/datatables.net/js/dataTables.min.js"></script>
|
|
<script src="../assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js"></script>
|
|
<script src="../assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
|
|
<script src="../assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></script>
|
|
<script src="../assets/plugins/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js"></script>
|
|
<script src="../assets/plugins/datatables.net-fixedheader-bs5/js/fixedHeader.bootstrap5.min.js"></script>
|
|
|
|
<!-- html -->
|
|
<table id="data-table-fixed-header" class="table table-striped table-bordered align-middle w-100 text-nowrap">
|
|
<thead>
|
|
<tr>
|
|
<th width="1%"></th>
|
|
<th width="1%" data-orderable="false"></th>
|
|
...
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
...
|
|
</tbody>
|
|
</table>
|
|
|
|
<!-- script -->
|
|
<script>
|
|
$('#data-table-fixed-header').DataTable({
|
|
lengthMenu: [20, 40, 60],
|
|
fixedHeader: {
|
|
header: true,
|
|
headerOffset: $('#header').height()
|
|
},
|
|
responsive: true
|
|
});
|
|
</script> |