Managed Tables - Extension Combination header small text goes here...

Combination Include:
  • ColReorder
  • Buttons
  • KeyTable
  • Responsive
  • RowReorder
  • Select

View Official Website

DataTable - Extension Combination

Rendering engine Browser Platform(s) Engine version CSS grade
1 Trident Internet Explorer 4.0 Win 95+ 4 X
2 Trident Internet Explorer 5.0 Win 95+ 5 C
3 Trident Internet Explorer 5.5 Win 95+ 5.5 A
4 Trident Internet Explorer 6 Win 98+ 6 A
5 Trident Internet Explorer 7 Win XP SP2+ 7 A
6 Trident AOL browser (AOL desktop) Win XP 6 A
7 Gecko Firefox 1.0 Win 98+ / OSX.2+ 1.7 A
8 Gecko Firefox 1.5 Win 98+ / OSX.2+ 1.8 A
9 Gecko Firefox 2.0 Win 98+ / OSX.2+ 1.8 A
10 Gecko Firefox 3.0 Win 2k+ / OSX.3+ 1.9 A
11 Gecko Camino 1.0 OSX.2+ 1.8 A
12 Gecko Camino 1.5 OSX.3+ 1.8 A
13 Gecko Netscape 7.2 Win 95+ / Mac OS 8.6-9.2 1.7 A
14 Gecko Netscape Browser 8 Win 98SE+ 1.7 A
15 Gecko Netscape Navigator 9 Win 98+ / OSX.2+ 1.8 A
16 Gecko Mozilla 1.0 Win 95+ / OSX.1+ 1 A
17 Gecko Mozilla 1.1 Win 95+ / OSX.1+ 1.1 A
18 Gecko Mozilla 1.2 Win 95+ / OSX.1+ 1.2 A
19 Gecko Mozilla 1.3 Win 95+ / OSX.1+ 1.3 A
20 Gecko Mozilla 1.4 Win 95+ / OSX.1+ 1.4 A
21 Gecko Mozilla 1.5 Win 95+ / OSX.1+ 1.5 A
22 Gecko Mozilla 1.6 Win 95+ / OSX.1+ 1.6 A
23 Gecko Mozilla 1.7 Win 98+ / OSX.1+ 1.7 A
24 Gecko Mozilla 1.8 Win 98+ / OSX.1+ 1.8 A
25 Gecko Seamonkey 1.1 Win 98+ / OSX.2+ 1.8 A
26 Gecko Epiphany 2.20 Gnome 1.8 A
27 Webkit Safari 1.2 OSX.3 125.5 A
28 Webkit Safari 1.3 OSX.3 312.8 A
29 Webkit Safari 2.0 OSX.4+ 419.3 A
30 Webkit Safari 3.0 OSX.4+ 522.1 A
31 Webkit OmniWeb 5.5 OSX.4+ 420 A
32 Webkit iPod Touch / iPhone iPod 420.1 A
33 Webkit S60 S60 413 A
34 Presto Opera 7.0 Win 95+ / OSX.1+ - A
35 Presto Opera 7.5 Win 95+ / OSX.2+ - A
36 Presto Opera 8.0 Win 95+ / OSX.2+ - A
37 Presto Opera 8.5 Win 95+ / OSX.2+ - A
38 Presto Opera 9.0 Win 95+ / OSX.3+ - A
39 Presto Opera 9.2 Win 88+ / OSX.3+ - A
40 Presto Opera 9.5 Win 88+ / OSX.3+ - A
41 Presto Opera for Wii Wii - A
42 Presto Nokia N800 N800 - A
43 Presto Nintendo DS browser Nintendo DS 8.5 C/A1
44 KHTML Konqureror 3.1 KDE 3.1 3.1 C
45 KHTML Konqureror 3.3 KDE 3.3 3.3 A
46 KHTML Konqureror 3.5 KDE 3.5 3.5 A
47 Tasman Internet Explorer 4.5 Mac OS 8-9 - X
48 Tasman Internet Explorer 5.1 Mac OS 7.6-9 1 C
49 Tasman Internet Explorer 5.2 Mac OS 8-X 1 C
50 Misc NetFront 3.1 Embedded devices - C
51 Misc NetFront 3.4 Embedded devices - A
52 Misc Dillo 0.8 Embedded devices - X
53 Misc Links Text only - X
54 Misc Lynx Text only - X
55 Misc IE Mobile Windows Mobile 6 - C
57 Misc PSP browser PSP - C
58 Other browsers All others - - U
<!-- required files -->
<link href="../assets/plugins/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" />
<link href="../assets/plugins/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" />
<link href="../assets/plugins/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet" />
<link href="../assets/plugins/datatables.net-colreorder-bs4/css/colReorder.bootstrap4.min.css" rel="stylesheet" />
<link href="../assets/plugins/datatables.net-keytable-bs4/css/keyTable.bootstrap4.min.css" rel="stylesheet" />
<link href="../assets/plugins/datatables.net-rowreorder-bs4/css/rowReorder.bootstrap4.min.css" rel="stylesheet" />
<link href="../assets/plugins/datatables.net-select-bs4/css/select.bootstrap4.min.css" rel="stylesheet" />

<script src="../assets/plugins/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="../assets/plugins/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="../assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="../assets/plugins/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
<script src="../assets/plugins/datatables.net-colreorder/js/dataTables.colReorder.min.js"></script>
<script src="../assets/plugins/datatables.net-colreorder-bs4/js/colReorder.bootstrap4.min.js"></script>
<script src="../assets/plugins/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
<script src="../assets/plugins/datatables.net-keytable-bs4/js/keyTable.bootstrap4.min.js"></script>
<script src="../assets/plugins/datatables.net-rowreorder/js/dataTables.rowReorder.min.js"></script>
<script src="../assets/plugins/datatables.net-rowreorder-bs4/js/rowReorder.bootstrap4.min.js"></script>
<script src="../assets/plugins/datatables.net-select/js/dataTables.select.min.js"></script>
<script src="../assets/plugins/datatables.net-select-bs4/js/select.bootstrap4.min.js"></script>
<script src="../assets/plugins/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
<script src="../assets/plugins/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
<script src="../assets/plugins/datatables.net-buttons/js/buttons.colVis.min.js"></script>
<script src="../assets/plugins/datatables.net-buttons/js/buttons.flash.min.js"></script>
<script src="../assets/plugins/datatables.net-buttons/js/buttons.html5.min.js"></script>
<script src="../assets/plugins/datatables.net-buttons/js/buttons.print.min.js"></script>
<script src="../assets/plugins/pdfmake/build/pdfmake.min.js"></script>
<script src="../assets/plugins/pdfmake/build/vfs_fonts.js"></script>
<script src="../assets/plugins/jszip/dist/jszip.min.js"></script>

<!-- html -->
<table id="data-table-combine" class="table table-striped table-bordered align-middle">
  <thead>
    <tr>
      <th width="1%"></th>
      <th width="1%" data-orderable="false"></th>
      ...
    </tr>
  </thead>
  <tbody>
    ...
  </tbody>
</table>

<!-- script -->
<script>
  var options = {
    dom: '<"dataTables_wrapper dt-bootstrap"<"row"<"col-xl-7 d-block d-sm-flex d-xl-block justify-content-center"<"d-block d-lg-inline-flex me-0 me-md-3"l><"d-block d-lg-inline-flex"B>><"col-xl-5 d-flex d-xl-block justify-content-center"fr>>t<"row"<"col-md-5"i><"col-md-7"p>>>',
    buttons: [
      { extend: 'copy', className: 'btn-sm' },
      { extend: 'csv', className: 'btn-sm' },
      { extend: 'excel', className: 'btn-sm' },
      { extend: 'pdf', className: 'btn-sm' },
      { extend: 'print', className: 'btn-sm' }
    ],
    responsive: true,
    colReorder: true,
    keys: true,
    rowReorder: true,
    select: true
  };

  if ($(window).width() <= 767) {
    options.rowReorder = false;
    options.colReorder = false;
  }
  $('#data-table-combine').DataTable(options);
</script>
App Settings
Header Fixed
Header Inverse
Sidebar Fixed
Gradient Enabled
Admin Design (5)
Language Version (7)
Frontend Design (5)
Documentation Reset Local Storage