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

Question

Sachin Singh · Answer

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 () { $( '# ' ).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

Rijwan Ansari · Answer

Use JQuery datatable https://datatables.net/

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

Answers (2)