Hola gracias si me sirvio ese tutorial pero tengo una pequeña inquietud no se si tu me la puedas aclarar, necesito insertar campos de texto dentro de cada celda que se crea.
Código Javascript
:
Ver original<script language="javascript" type="text/javascript">
//Anexar fila a la tabla HTML
function appendRow() {
var tbl = document.getElementById('tabla'), //tabla de referencia
row = tbl.insertRow(tbl.rows.length), //fila de la tabla de datos anexados
i;
//Insertar celdas de la tabla a la nueva fila
for (i = 0; i < tbl.rows[0].cells.length; i++) {
createCell(row.insertCell(i), i, 'row');
}
}
//Crear el elemento DIV y añadir a la celda de la tabla
function createCell(cell, text, style) {
var div = document.createElement('div'), // crear el elemento DIV
txt = document.createTextNode('sssss'); // crear un nodo de texto
div.appendChild(txt); // anexar nodo de texto para el DIV
div.setAttribute('class', style); // conjunto de atributos de clase DIV
div.setAttribute('className', style); // conjunto de atributos de clase para IE (?)
cell.appendChild(div); // DIV añadir a la celda de la tabla
}
// Anexar columna a la tabla HTML
function appendColumn() {
var tbl = document.getElementById('tabla'), // tabla de referencia
i;
// Bucle abierto para cada fila y cada celda
for (i = 0; i < tbl.rows.length; i++) {
createCell(tbl.rows[i].insertCell(tbl.rows[i].cells.length), i, 'col');
}
}
//Eliminar filas de la tabla con un índice mayor que 0
function deleteRows() {
var tbl = document.getElementById('tabla'), // tabla de referencia
lastRow = tbl.rows.length - 1, // establecer el índice de la última fila
i;
// Eliminar filas con un índice mayor que 0
for (i = lastRow; i > 1; i--) {
tbl.deleteRow(i);
}
}
// Eliminar columnas de la tabla con un índice mayor que 0
function deleteColumns() {
var tbl = document.getElementById('tabla'), // tabla de referencia
lastCol = tbl.rows[1].cells.length - 1, // establecer el índice de la última columna
i, j;
// Eliminar celdas con un índice mayor que 0 (para cada fila)
for (i = 1; i < tbl.rows.length; i++) {
for (j = lastCol; j > 1; j--) {
tbl.rows[i].deleteCell(j);
}
}
}
</script>
Agradezco la ayuda