Jquery Data Tables Grid Bootstrap

Sortable and searchable table grid with bootstrap and jquery

by dhavaljani

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="http://datatables.net/media/blog/bootstrap_2/DT_bootstrap.css">
<script src="http://datatables.net/release-datatables/media/js/jquery.js"></script>
<script src="http://datatables.net/release-datatables/media/js/jquery.dataTables.js"></script>
<script src="http://datatables.net/media/blog/bootstrap_2/DT_bootstrap.js"></script>
<div class="container" style="margin-top: 10px">
			
<table cellpadding="0" cellspacing="0" border="0" class="table " id="example">
	<thead>
		<tr>
			<th>ID</th>
			<th>Company Info</th>
			<th>URL &amp; Email</th>
            <th>Plan/Package</th>
			<th>Joined</th>
		</tr>
	</thead>
	<tbody>
		<tr class="odd gradeX">
			<td>1</td>
            <td><strong>Mantra Information Services</strong><br />Maulik Shah <br />721 US 202/206, Edison, NJ 08807</td>
            <td><a href="#">manrais.constructionmgt.com</a><br /><a href="#">[email protected]</a></td>
			<td>Plus </td>
            <td>10/20/2013</td>
		</tr>
		<tr class="odd gradeX">
			<td>1</td>
            <td><strong>Sporent Labs</strong><br />Maulik Shah <br />721 US 202/206, Bridgewater, NJ 08807</td>
                <td><a href="#">manrais.constructionmgt.com</a></td>
			<td>Pro </td>
            <td>11/20/2013</td>
		</tr>		
		<tr class="odd gradeX">
			<td>1</td>
            <td><strong>Mantra Information Services</strong><br />Maulik Shah <br />721 US 202/206, Edison, NJ 08807</td>
                <td><a href="#">manrais.constructionmgt.com</a></td>
			<td>Pro </td>
            <td>10/20/2013</td>
		</tr>
		<tr class="odd gradeX">
			<td>1</td>
            <td><strong>Mantra Information Services</strong><br />Maulik Shah <br />721 US 202/206, Bridgewater, NJ 08807</td>
                <td><a href="#">manrais.constructionmgt.com</a></td>
			<td>Plus </td>
            <td>10/20/2013</td>
		</tr>
		<tr class="odd...

CSS

table {
    border-bottom: 1px solid #ddd;
}