Saltar al contenido

JavaScript para obtener el recuento de filas de una tabla HTML

Posterior a consultar con expertos en el tema, programadores de varias áreas y maestros dimos con la solución a la interrogande y la plasmamos en esta publicación.

Solución:

Dado un

Header
Row 1
Row 2
Row 3
Footer

y un

var table = document.getElementById("tableId");

Hay dos formas de contar las filas:

var totalRowCount = table.rows.length; // 5
var tbodyRowCount = table.tBodies[0].rows.length; // 3

los table.rows.length devuelve la cantidad de TODOS

elementos dentro de la tabla. Entonces, para la tabla anterior, volverá 5 mientras que la mayoría de la gente realmente esperaría 3. los table.tBodies devuelve un array de todo

elementos de los cuales tomamos solo el primero (nuestra tabla tiene solo uno). Cuando contamos las filas en él, obtenemos el valor esperado de 3.

Puedes usar el .rows propiedad y comprobar que es .lengthcomo esto:

var rowCount = document.getElementById('myTableID').rows.length;

$('tableName').find('tr').length

Aquí puedes ver las comentarios y valoraciones de los usuarios

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *