Hi,
 
Textbox wise search database data bind gridview using jquery datatable plugin but data bind with header also bind gridview,so avoid Header in gridview row
 
Jquery Script:
  1. <%--animated Zoom In--%>  
  2. <%--for gridview search,sort,paging--%>  
  3. "text/css" href="Design/css/dataTables.bootstrap.min.css" rel="stylesheet" />  
  4. "text/css" href="Design/css/responsive.bootstrap.min.css" rel="stylesheet" />  
  5. "text/jscript" src="Design/js/jquery.dataTables.min.js">  
  6. "text/javascript" src="Design/js/dataTables.bootstrap.min.js">  
  7. "text/javascript" src="Design/js/dataTables.responsive.min.js">  
  8. <%--for gridview search,sort,paging--%>  
  9. "Design/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet" />  
  10. "text/javascript">  
  11. $(function () {  
  12. $('#<%= gvCustomers.ClientID %>').prepend($("").append($('[id$=gvCustomers]').find("tr:first"))).DataTable({  
  13. "responsive": true,  
  14. "destroy" : true,  
  15. "sPaginationType": "full_numbers",  
  16. fixedHeader: {  
  17. header: false,  
  18. footer: false  
  19. }  
  20. });  
  21. });  
  22.   
  23.   
  24. "server" ID="txtCountry" />  
  25. "btnSearch" Text="Search" runat="server" />  
  26.   
  27. class="table-responsive">  
  28. class="table-wrapper">  
  29. "gvCustomers" CssClass="table table-striped table-bordered table-hover" runat="server" AutoGenerateColumns="false">  
  30.   
  31. "ContactName" HeaderText="Contact Name" />  
  32. "CustomerID" HeaderText="CustomerID" />  
  33. "City" HeaderText="City" />  
  34. "Country" HeaderText="Country" />  
  35.   
  36.