Hola!!
Tengo un jaleo con esto, que no sé cómo podría hacerlo, he buscado un montón pero no encuentro alguna solución...
Tengo una tabla en una página jsp, que se va creando dinámicamente, es decir, se van añadiendo filas a la tabla a medida que recibo datos procedentes de otra página (no de bbdd). Los datos los recibo mediante ajax con el fin de no tener que refrescar la página cada vez que llega uno nuevo, y este dato que llega lo escribo en una fila distinta de la tabla.
Por tanto, la tabla me va creciendo a medida que llegan más datos, y yo quería poder paginarla para que cada x filas se mostraran en un número de pagina diferente.
El código donde creo la tabla y lo demás es:
var tabla = document.getElementById('prueba');
var fila = document.createElement('tr');
var celda = document.createElement('td');
var celda2 = document.createElement('td');
celda.width="150";
celda2.width="400";
ajax.open ("POST", url, true);
ajax.onreadystatechange = function() {
if (ajax.readyState==4) {
if(ajax.status==200) {
celda.innerHTML = daym+"/"+month+"/"+year+" "+hora+":"+minuto+":"+segundo;
celda2.innerHTML = ajax.responseText;
fila.appendChild(celda);
fila.appendChild(celda2);
var navegador = navigator.appName;
if (navegador == "Microsoft Internet Explorer") {
tabla.tBodies[0].appendChild(fila);
}
else {
tabla.appendChild(fila);
}
}
}
}
ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
ajax.send(valores);
esa es la parte que está dentro del script de javascript donde se va generando la tabla, que está declarada en el body como:
<TABLE ID="prueba" NAME="prueba" WIDTH="550px" BORDER="0" CELLPADDING="2" >
</TABLE>
¿Cómo podría entonces ir paginando esta tabla, para que no me muestre todas las filas que se van creando en una misma vista, sino cada x filas??
A ver si hay alguna ayudita
Gracias!!!!!!!
Saludos!
Autor