Podrías utilizar Javascript
para este caso.
Puedes asignarle un ID a la tabla y obtener su etiqueta tbody
mediante la función getElementsByTagName
. Tendrás que escoger la posición 0 ya que dicha función devuelve un array y solo tienes un tbody
. En caso de que no buscaras esta etiqueta te aparecerían también los resultados del head
como productos de la tabla.
Una vez hecho esto, deberás de obtener todas las filas también por su etiqueta y obtener su length
(tamaño del array resultante, es decir, número de productos).
Ejemplo:
var filas = document.getElementById("tabla").getElementsByTagName("tbody")[0].getElementsByTagName("tr").length;
document.getElementById("titulo").innerHTML = filas + " productos";
<table id="tabla">
<thead>
<tr>
<th>idArticulo</th>
<th>Nombre</th>
</tr>
</thead>
<tbody>
<tr>
<td>id</td>
<td>producto</td>
</tr>
<tr>
<td>id</td>
<td>producto</td>
</tr>
<tr>
<td>id</td>
<td>producto</td>
</tr>
<tr>
<td>id</td>
<td>producto</td>
</tr>
<tr>
<td>id</td>
<td>producto</td>
</tr>
</tbody>
</table>
<h4 id="titulo">Total de articulos que hay en la tabla: --aqui es donde se pone el total de articulos---</h4>