Gridview row count using javascript

In this blog we will know how to count Grid view row using JavaScript.

In this blog we will know how to count Grid view row using JavaScript.



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Gridview._Default" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">


<html xmlns="" >

<head runat="server">

    <title>Untitled Page</title>



    <form id="form1" runat="server">


    <asp:GridView id="g1" Runat="Server">


        <asp:Button ID="Button1" runat="server" Text="Button"

            onclick="Button1_Click"        />

            <input type="hidden" id="Hiddenfield1" runat="server" />








using System;

using System.Collections;

using System.Configuration;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;

using System.Data.SqlClient;

namespace Gridview


    public partial class _Default : System.Web.UI.Page


        string connStr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;

        SqlCommand com;

        SqlDataAdapter sqlda;

        DataSet ds;

        string str;


        protected void Page_Load(object sender, EventArgs e)




        private void bindgrid()


            SqlConnection con = new SqlConnection(connStr);


            str = "select * from employee";

            com = new SqlCommand(str, con);

            sqlda = new SqlDataAdapter(com);

            ds = new DataSet();

            sqlda.Fill(ds, "employee");

            g1.DataMember = "employee";

            g1.DataSource = ds;


            Hiddenfield1.Value = g1.Rows.Count.ToString();




        protected void Button1_Click(object sender, EventArgs e)