- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
JavaScript Get row count of an HTML table?
Let’s say the following is our table −
<table id="tblDemo" border="1"> <thead> <tr> <th>Name</th> <th>Age</th> </tr> </thead> <tbody> <tr><td>John</td><td>21</td></tr> <tr><td>David</td><td>22</td></tr> <tr><td>Bob</td><td>20</td></tr> <tr><td>Mike</td><td>24</td></tr> </tbody> </table>
To get row count of an HTML table, use .rows.length. Following is the code −
Example
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> <body> <table id="tblDemo" border="1"> <thead> <tr> <th>Name</th> <th>Age</th> </tr> </thead> <tbody> <tr><td>John</td><td>21</td></tr> <tr><td>David</td><td>22</td></tr> <tr><td>Bob</td><td>20</td></tr> <tr><td>Mike</td><td>24</td></tr> </tbody> </table> <script> var allTableData = document.getElementById("tblDemo"); var totalNumbeOfRows = allTableData.rows.length; console.log("Total Number Of Rows="+totalNumbeOfRows); </script> </body> </html>
To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.
Output
This will produce the following output −
- Related Articles
- Get the average row length of a MySQL table
- How to sort an HTML table using JavaScript?
- How to get the row count of a Pandas DataFrame?
- How to get the row count in JDBC?
- Get the second last row of a table in MySQL?
- How to get text from each cell of an HTML table using Selenium?
- How do we add a table row in HTML?
- JavaScript Get English count number
- How to get the row count from ResultSet in JDBC
- Apply an IF condition to every element in an HTML table with JavaScript?
- How to get Row and Column Count from ResultSet in JDBC
- Get the sum of multiple row (not all) values from a MySQL table?
- Get the count of two table fields in a single MySQL query?
- How to get row count of two tables in different databases in a single query?
- Convert HTML table to array in JavaScript?

Advertisements