DataTables plugin for JQuery
DataTables plugin for JQuery is Easy to Use. It is a Table plug-in for JQuery JavaScript Library. DatatTables provides instant search, multi-column ordering, Pagination and many more other features.
Here in this Example We will see very basic use of DataTables plugin for Jquery
In order to run this example please include the following JavaScript and CSS Libraries
jquery-1.11.3.min.js
jquery.dataTables.min.js
jquery.dataTables.min.css
<html> <head> <script type="text/javascript" language="javascript" src="jquery-1.11.3.min.js"></script> <script type="text/javascript" language="javascript" src="jquery.dataTables.min.js"></script> <link rel="stylesheet" type="text/css" href="jquery.dataTables.min.css"> <script> $(document).ready(function() { $('#example').DataTable( { "ajax": "json.txt" } ); } ); </script </head> <body> <table id="example" class="display" cellspacing="0" width="100%"> <thead> <tr> <th>EName</th> <th>Grade</th> <th>Position</th> <th>DName</th> <th>Salary</th> </tr> </thead> </table> <body> </html>
click here to see the example in action