Tutorial by Examples

Have required JavaScript and CSS files included in your index.html. You can do this by either using the CDN files availiable at the following paths: <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.css"> <scr...

The below code will turn the table with an id of tableid into a DataTable, as well as return a DataTables API instance: $(document).ready(function() { $('#tableid').DataTable(); }); Compare this to the below code, which will turn the table into a DataTable but will not return a DataTables ...

DataTables has the capability to enable or disable a number of its features, such as paging or searching. To choose these options, simply select them in your initialization: $(document).ready(function() { $('#tableid').DataTable( { "paging": false, //Turn off paging, all r...

DataTables comes with an extensive API which is used to manipulate or obtain information about the DataTables on a page. The API can be accessed in 3 ways: var table = $('#tableid').DataTable(); //DataTable() returns an API instance immediately var table = $('#tableid').dataTable().api(); //dataT...