Hi Friends,
Paging not working in GRID while i am using DataTable jquery.
Here my code:
$('#datatable').dataTable({
'aoColumnDefs': [{ 'bSortable': false, 'aTargets': [-1]}],
'oLanguage': { "oPaginate": { "sPrevious": "", "sNext": ""} },
'iDisplayLength': 5,
'aLengthMenu': [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]],
'bRetrieve': true,
'bSort': false,
'bPaginate': true,
'bLengthChange': false,
'bFilter': false,
'bInfo': false,
'bAutoWidth': false,
'sPaginationType':"full_numbers"
});
<table class="table table-striped table-bordered table-hover" id="datatable">
<asp:Repeater ID="rptDataImport" runat="server">
<HeaderTemplate>
<thead>
<tr>
<th class="text-center">Employee ID</th>
<th class="text-center">First Name</th>
<th class="text-center">Last Name</th>
<th class="text-center">Companies GroupName</th>
<th class="text-center">Job Title</th>
<th class="text-center">Work Email</th>
<th class="text-center">Import Desc</th>
</tr>
</thead>
</HeaderTemplate>
<ItemTemplate>
<tbody>
<tr>
<td><%#DataBinder.Eval(Container.DataItem, "EmployeeID")%></td>
<td><%#DataBinder.Eval(Container.DataItem, "FirstName")%></td>
<td><%#DataBinder.Eval(Container.DataItem, "LastName")%></td>
<td><%#DataBinder.Eval(Container.DataItem, "ClientName")%></td><%--Companiesgroup name--%>
<td><%#DataBinder.Eval(Container.DataItem, "JobTitle")%></td>
<td><%#DataBinder.Eval(Container.DataItem, "WorkEmail")%></td>
<td><%#DataBinder.Eval(Container.DataItem, "ImportDesc")%></td>
</tr>
</tbody>
</ItemTemplate>
</asp:Repeater>
</table>
<script type="text/javascript" src="vendor/plugins/datatables/js/datatables.js"></script><!-- Datatable Bootstrap Addon -->
<script type="text/javascript" src="vendor/plugins/datatables/extras/TableTools/media/js/TableTools.min.js"></script>
<script type="text/javascript" src="vendor/plugins/datatables/extras/TableTools/media/js/ZeroClipboard.js"></script>