DataTables plugin for JQuery

by
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>

output

datatables plugin for Jquery

click here to see the example in action

Leave a Comment