How to count the number of rows in gridview in javascript?

Question

As the question says, I want to count the number of rows in a gridview via JS. I do the way it is done here , but it does not fit correctly.

I also tried different ways:

1. var rowscount = document.getElementByID('<%=Gridview1.ClientID%>').rows.length; 2. var rowscount = document.getElementByID("<%=Gridview1.ClientID%>").rows.length; 3. var rowscount = document.getElementByID('<%#Gridview1.ClientID%>').rows.length; 4. var rowscount = document.getElementByID("<%#Gridview1.ClientID%>").rows.length; 5. var rowscount = document.getElementByID("Gridview1.ClientID").rows.length; 6. var rowscount = document.getElementByID("Gridview1").rows.length; 

UPDATE : Forgot to mention: my gridview is inside the update panel. Does it really matter? What is the correct statement?

Answer 1

Found a reason: since the grid is included in the content page, javascript should have been included in the form tag. It works well! Thank you all for your contribution!

Answer 2

If you want to get the number of rows from the server, one way:

 var rowsCount = <%=GridView1.Rows.Count %> 

You can also send JavaScript data from codebehind.

Answer 3

 DataTable dt = //configure datasource here GridView1.DataSource = dt; GridView1.DataBind(); HiddenField1.value = GridView1.Rows.Count.ToString(); var count = document.getElementById('HiddenField1'); alert(count.value); 

It seems to have worked for someone in this forum.

Answer 4

You can set the RowStyle.CssClass property for gridview and count them using jQuery.

 <asp:GridView ID="GridView1" runat="server" AllowPaging="True" ...> <RowStyle CssClass="gridrow" /> </asp:GridView> 

This will display the grid lines with the specified class.

 <tr class="gridrow"> <td>row data here</td> </tr> 

Then you can read the rows using the class selector

 var rowscount = $(".gridrow").length; 

Answer 5

 var GridId = "<%=Questionsedit.ClientID %>"; var grid = document.getElementById(GridId); rowscount = grid.rows.length; 

Answer 6

try the following:

 var rowscount = $("#<%=GridView1.ClientID %> tr").length; 

or see:
How to count rows in gridview in asp.net using jQuery

Answer 7

We can simplify that

 var gridViewRowCount = document.getElementById("<%= GridView1.ClientID %>").rows.length; alert(gridViewRowCount);