Método TableRow insertCell()
Ejemplo
Inserte nuevas celdas con contenido al comienzo de una fila de la tabla con id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
Definición y uso
El método insertCell() inserta una celda en la fila actual.
Sugerencia: use el método deleteCell() para eliminar una celda en la fila de la tabla actual.
Compatibilidad con navegador
Method | |||||
---|---|---|---|---|---|
insertCell() | Yes | Yes | Yes | Yes | Yes |
Sintaxis
tablerowObject.insertCell(index)
Valores paramétricos
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. A number (starts at 0) that specifies the position of the new cell in the current row. The value of 0 results in that the new cell will be inserted at the first position. The value of -1 can also be used; which results in that the new cell will be inserted at the last position. If this parameter is omitted, insertCell() inserts the new cell at the last position in IE and at the first position in Chrome and Safari. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. |
Detalles técnicos
Valor devuelto: | El elemento de celda insertado |
---|
Más ejemplos
Ejemplo
Inserte nuevas celdas con contenido al final de una fila de la tabla con id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Ejemplo
Inserte nuevas celdas con contenido en la posición de índice 2 de una fila de la tabla con id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Ejemplo
Inserte nuevas celdas al comienzo de la primera fila de la tabla. La colección de filas de la tabla (.rows[0]) devuelve una colección de todos los elementos <tr> en la tabla con id "myTable". El número [0] especifica el elemento para recuperar, en este ejemplo, la primera fila de la tabla. Luego usamos insertcell() para insertar nuevas celdas en la posición de índice -1:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
Ejemplo
Elimine la(s) primera(s) celda(s) de una fila de la tabla con id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(0);
Ejemplo
Insertar fila(s) nueva(s) al principio de una tabla. El método insertRow() inserta una nueva fila en el índice especificado en una tabla, en este ejemplo, la primera posición (el comienzo) de una tabla con id="myTable". Luego usamos el método insertCell() para agregar celdas en la nueva fila.
var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";
❮ Objeto TableRow