Gridview bind, searching and pagination for jquery using asp.net

vineshkumar v

Gridview bind, searching and pagination for jquery using asp.net

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
you don't need to implement paging, seraching and sorting explicitly just bind your gridview with database data and then apply $("#Gridview1").datatable(); script , this will convert the grid into jquery dataTable.
use jquery datatable, and bind GridView in code behind also set thead and tbody in RowDataBound event

     "form1" runat="server">


            "GridView1" runat="server" OnRowDataBound="GridView1_RowDataBound">
"Script/Jquery.js">
"text/javascript" src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js">
"text/css" rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" />
"text/javascript">
$(document).ready(function () {
$('#<%= GridView1.ClientID %>').DataTable();
});
protected void Page_Load(object sender, EventArgs e)
{
BindGrid();
}
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.Header)
{
//add the thead and tbody section programatically
e.Row.TableSection = TableRowSection.TableHeader;
}
}

visit this

https://www.c-sharpcorner.com/forums/implement-pagination-and-search-in-asp-net-gridview

Use JQuery datatable

https://datatables.net/