jQuery Bootgrid - A grid control especially designed for bootstrap

jQuery Bootgrid - Nice, sleek and intuitive grid. It is a grid control especially designed for bootstrap.

Lightweight Footprint

Only 2.2 KB minified & gzipped

HTML5 & Accessibility Support

The newest technologies and ARIA come together to make it feasible

Cross Browser Support

IE, Firefox, Chrome, Safari, Opera and more

Source: jquery-bootgrid.com

1. INCLUDE CSS AND JS FILES

<link href="bootstrap.css" rel="stylesheet">
<link href="jquery.bootgrid.css" rel="stylesheet">

<script src="jquery.js"></script> 
<script src="jquery.bootgrid.js"></script>

2. HTML

<table id="grid" class="table table-condensed table-hover table-striped">
	<thead>
		<tr>
			<th data-column-id="id">ID</th>
			<th data-column-id="name">Sender</th>
		</tr>
	</thead>
	<tbody>
	</tbody>
</table>

3. JAVASCRIPT

$(function ()
{
	$("#grid").bootgrid({
		url: "/api/data/basic"
	});
});

4. EVENTS