github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

enhanced DataTables demo with responsive plugin

pull/2586/head
REJack 2020-03-04 13:29:27 +01:00
parent 09b89135c7
commit 6934469b38
No known key found for this signature in database
GPG Key ID: 9F3976CC630CC888
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
pages/tables/data.html
View File

@ -12,7 +12,8 @@
<!-- Ionicons --> <!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- DataTables --> <!-- DataTables -->
<link rel="stylesheet" href="../../plugins/datatables-bs4/css/dataTables.bootstrap4.css"> <link rel="stylesheet" href="../../plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="../../plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
<!-- Theme style --> <!-- Theme style -->
<link rel="stylesheet" href="../../dist/css/adminlte.min.css"> <link rel="stylesheet" href="../../dist/css/adminlte.min.css">
<!-- Google Font: Source Sans Pro --> <!-- Google Font: Source Sans Pro -->
@ -1633,8 +1634,10 @@
<!-- Bootstrap 4 --> <!-- Bootstrap 4 -->
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- DataTables --> <!-- DataTables -->
<script src="../../plugins/datatables/jquery.dataTables.js"></script> <script src="../../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../../plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script> <script src="../../plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="../../plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="../../plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/adminlte.min.js"></script> <script src="../../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
@ -1642,7 +1645,10 @@
<!-- page script --> <!-- page script -->
<script> <script>
$(function () { $(function () {
$("#example1").DataTable(); $("#example1").DataTable({
"responsive": true,
"autoWidth": false,
});
$('#example2').DataTable({ $('#example2').DataTable({
"paging": true, "paging": true,
"lengthChange": false, "lengthChange": false,
@ -1650,6 +1656,7 @@
"ordering": true, "ordering": true,
"info": true, "info": true,
"autoWidth": false, "autoWidth": false,
"responsive": true,
}); });
}); });
</script> </script>