<script src="Scripts/jquery.js" type="text/javascript"></script>
<script src="Scripts/jquery.dataTables.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#tblCustomers').dataTable({ "oLanguage": { "sSearch": "Search the Customers:" },
"iDisplayLength": 5,
"aaSorting": [[0, "asc"]]
});
});
</script>
<link href="CSS/demo_table.css" rel="stylesheet" type="text/css" />
<div id="id" >
<asp:Repeater ID="rptCustomers" runat="server">
<HeaderTemplate>
<table id="tblCustomers" cellpadding="0" cellspacing="0" border="0" class="display">
<thead>
<tr>
<th>
ContactName
</th>
<th>
CompanyName
</th>
<th>
ContactTitle
</th>
<th>
City
</th>
<th>
Country
</th>
</tr>
</thead>
<tbody>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td>
<%#Eval("ContactName") %>
</td>
<td>
<%#Eval("CompanyName")%>
</td>
<td>
<%#Eval("ContactTitle")%>
</td>
<td>
<%#Eval("City")%>
</td>
<td>
<%#Eval("Country")%>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</tbody> </table>
</FooterTemplate>
</asp:Repeater>
</div>
And In code behind you just have to bind this control
List<customer> Customers = new List<customer>();
protected void Page_Load(object sender, EventArgs e)
{
if (Page.IsPostBack != true)
{
FillCustomers();
}
rptCustomers.DataSource = Customers;
rptCustomers.DataBind();
}</customer></customer>