DataTables is very simple to use as a jQuery plug-in with a huge range of customizable option.
1. Initialize the plugin by referencing the necessary files:
<script src="jquery.dataTables.min.js"></script>
<script src="dataTables.bootstrap4.min.js"></script>
<link rel="stylesheet" type="text/css" href="dataTables.bootstrap4.min.css">
2. Call the DataTable-function after the page has loaded
$("#datatable").DataTable();
Refer following links for detailed documentation, configuration options, methods and examples:
Type | URL |
---|---|
Plugin Link | https://datatables.net/ |
Template Page | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-basic-initialization.html |
DataTables provides an easy to customise core stylesheet, which has a number of features that you can enable or disable as you required. Additionally there are a number of integration packages which can be used to fit DataTables into a site which uses some of the popular CSS libraries
Refer following links for detailed documentation, configuration options, methods and examples:
Data Sources can be used and customized to display a printable version of the DataTable.
Refer following links for detailed documentation, configuration options, methods and examples:
DataTables combinations of the options available and the use of callbacks, DataTables is completely customizable and will fit into exactly what you need for your table display.
Refer following links for detailed documentation, configuration options, methods and examples:
The DataTables API is designed to be simple, consistent and easy to use. The examples in this section show how the API may be used.
Refer following links for detailed documentation, configuration options, methods and examples: