l Datatable (open sources libraries):- it provides auto search faclity.

 Day - 12/06/2025

Gridtable.aspx page

l  Datatable (open sources libraries):- it provides auto search faclity.  

l Steps :-1. Store data table libraries in your project folder.

l st2. INCLUDE DATA TABLE libraries .

l Include all data table libraries inside the head tag.

1.<link href="datatables/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />

<link type="text/css" rel="stylesheet"

href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" />

<link rel="stylesheet" type="text/css"

href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" />

2.

<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>

 <script type="text/javascript"

src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>

 <script src="datatables/js/jquery.dataTables.min.js"

type="text/javascript"></script>

 <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"

type="text/javascript" charset="utf8"></script>

 <script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"

type="text/javascript" charset="utf8"></script>   

 

 

St3 . INCLUDE DATATABLE SCRIPT AFTER THE FORM CLOSE TAG

<script type="text/javascript">

 $(document).ready(function () {

 $('#<%= GridView1.ClientID%>').prepend($("<thead></thead>").append($("#<%=

GridView1.ClientID%>").find("tr:first"))).DataTable({

 stateSave: true,

 });

 });

</script>

St4 :- using division tag with data table class attribute before the gridview tag.

3.<div class="card-footer bg-white">

Comments

Post a Comment

Popular posts from this blog

ViewState for state management

  v  ViewState :- I.  It is used to store data value in a single webpage. II.  The ViewState cannot transfer the  data between one page to another page . v  How to create ViewState? Sytanx:- ViewState[“var”]=Control; Ex.- ViewState[“Email”]=Textbox1.text;   v  How to access ViewState data value? Syntax:-control=ViewState[“var”].Tostring(); Ex:-Label1.text=ViewState[“Email”].tostring();   Code:- using  System; using  System.Collections.Generic; using  System.Linq; using  System.Web; using  System.Web.UI; using  System.Web.UI.WebControls;   namespace  WebApplication1 {      public   partial   class   stateview  : System.Web.UI.Page     {          protected   void  Page_Load( object  sender, EventArgs e)         {        ...
Read more

Store procedure Data Base handling (procedure_insert).

Image
  Ø  Store procedure Data Base handling  (procedure_insert). 1.  Include procdure library (system.data). 2.  Pass procedure name to sqlcommand parameters. Syntax :- com= new sqlcommand(“procedure name”,connection object) 3.  Set the command type (store procedure) Syntax :-com.CommandType=commandtype.storeprocedure     STORE PROCEDURE CREATE   PROCEDURE  PROCON   ( @ROLL1 AS    INT   ,  @NAME1 AS   VARCHAR ( 50 ))   AS     BEGIN   INSERT   INTO  DEMO   ( ROLL ,   NAME   )   VALUES ( @ROLL1 ,  @NAME1 )     END   ;             using  System; using  System.Collections.Generic; using  System.Linq; using  System.Web; using  System.Web.UI; using  System.Web.UI.WebControls; using  System.Data; using  System.Data.SqlClient;     public   partial   class   ...
Read more

Database joining

Image
  l  Database joining :- 1.  Joining is a special type of operation perform between 2 tables. 2.  With the help of joining we get the result between multiple data. l  Joining property:- 1.  Common field (column) 2.  Using table object Syntax :-  table name.column name 3.  To activate joining operaton we need  ON  KEYWORD. ü  TYPES OF JOINING:- 1.  INNER JOIN  :- Inner join returns all records from multiple data where the join condition is equal. Ex:- CREATE   TABLE  invent   (  id INT   ,   name   VARCHAR ( 20 )); INSERT   INTO  invent values ( 101 , 'rahul' ),( 103 , 'thosar' ),( 102 , 'asus' );   CREATE   TABLE  product   ( id INT   ,  cost int );   INSERT   INTO  product VALUES ( 201 , '1000' ),( 202 , '2000' ),( 203 , '30000' );   SELECT  invent . id ,  invent . name ,  product . cost FROM  invent INN...
Read more