Adicionar filas dinamicamente a una tabla HTML en JavaScript.
En este ejemplo vamos a adicionar texto
function addRowToTableDatos(pk, nombre, apellidos) {
var nombreTabla = 'tblPersona';
var tbl = document.getElementById(nombreTabla);
var lastRow = tbl.rows.length;
// if there's no header row in the table, then iteration = lastRow + 1
var iteration = lastRow;
var row = tbl.insertRow(lastRow);
//esta columna es no visible, por eso en su style.display ='none'
var cell0 = row.insertCell(0); //PK
cell0.style.display = 'none';
var textNode0 = document.createTextNode(pk);
cell0.appendChild(textNode0);
var cellNombre = row.insertCell(1);
var textNombre = document.createTextNode(nombre);
cellNombre .appendChild(textNombre );
var cellAp = row.insertCell(2);
var textAp = document.createTextNode(apellidos);
cellAp.appendChild(textAp);
}
No hay comentarios:
Publicar un comentario