DataTables

DataTables Examples

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<script src="//cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>
<script src="http://jquery-datatables-column-filter.googlecode.com/svn/trunk/media/js/jquery.dataTables.columnFilter.js"></script>
<table class="datatable table"    cellspacing="0" width="100%">
			<thead>
				<tr role="row" class="heading">
					<th data-name="ID" >ID</th>
          <th data-name="Name" >Name</th>
          <th data-name="Credit" >Credit</th>
          <th data-name="Status" >Status</th>
				</tr>
				<tr role="row" class="filter">
					<td>ID</td>
          <td>Name</td>
          <td>Credit</td>
          <td>Status</td>
				</tr>
			</thead>
		    <tbody>
			</tbody>
</table>

JavaScript

var dataTable = $('.datatable').dataTable({
});