Tabla: añadir columna con 20 filas en su interior
Amigos, necesito agregar a una tabla una columna, pero esta debe incluir un numero x de filas, es una grilla con x columnas y x filas para colocar notas de una asignatura.
La idea es: un curso de 20 alumnos por ejemplo tiene un control, en pantalla se presenta el listado de 20 alumnos con un casillero para ingresar una nota, el profesor podria agregar otra nota, lo que deberia agregar una columna a la tabla y una fila para cada alumno, es decir un input para cada uno, tengo el código que agrega la columna y una fila, pero no enceuntro la forma de replicarlo para las filas restantes:
Código PHP:
function addColumn(tblId)
{
var tblHeadObj = document.getElementById(tblId).tHead;
var d = ' ';
for (var h=0; h<tblHeadObj.rows.length; h++) {
var newTH = document.createElement('th');
tblHeadObj.rows[h].appendChild(newTH);
newTH.innerHTML = '[th] row:' + h + ', cell: ' + (tblHeadObj.rows[h].cells.length - 1)
}
var tblBodyObj = document.getElementById(tblId).tBodies[0];
for (var i=0; i<tblBodyObj.rows.length; i++) {
var newCell = tblBodyObj.rows[i].insertCell(-1);
newCell.innerHTML = '[td] row:' + i + ', cell: ' + (tblBodyObj.rows[i].cells.length - 1)
}
}
function deleteColumn(tblId)
{
var allRows = document.getElementById(tblId).rows;
for (var i=0; i<allRows.length; i++) {
if (allRows[i].cells.length > 1) {
allRows[i].deleteCell(-1);
}
}
}
<input type="button" value="Agregar Columna" onClick="addColumn(NombreTabla)" />
Mode Lineal
