Please refer this
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function RowsCount() {
var gridView = document.getElementById("<%=GridView1.ClientID %>");
var row = gridView.getElementsByTagName("tr");
document.getElementById("divRowsCount").style.visibility = "visible";
document.getElementById("<%=lblRowCount.ClientID %>").innerHTML = row.length - 1;
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<span id="span1"></span>
<asp:GridView ID="GridView1" HeaderStyle-BackColor="#3AC0F2" HeaderStyle-ForeColor="White"
runat="server" AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="Id" HeaderText="Id" ItemStyle-Width="30" />
<asp:BoundField DataField="Name" HeaderText="Name" ItemStyle-Width="150" />
<asp:BoundField DataField="Country" HeaderText="Country" ItemStyle-Width="150" />
</Columns>
</asp:GridView>
<asp:Button Text="Get the Rows count" OnClientClick="return RowsCount();" runat="server" />
<br />
<div id="divRowsCount" style="visibility:hidden">
Total Rows Count =
<asp:Label ID="lblRowCount" runat="server" />
</div>
</div>
</form>
</body>
</html>
Namespace
using System.Data;
C#
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id", typeof(int)),
new DataColumn("Name", typeof(string)),
new DataColumn("Country",typeof(string)) });
dt.Rows.Add(1, "John Hammond", "United States");
dt.Rows.Add(2, "Mudassar Khan", "India");
dt.Rows.Add(3, "Suzanne Mathews", "France");
dt.Rows.Add(4, "Robert Schidner", "Russia");
GridView1.DataSource = dt;
GridView1.DataBind();
}
}
Screenshot
