Tengo una variable que contiene una matriz de matrices. Es un código analizado de un archivo de Excel.
Quiero cargar mi archivo y construir la tabla, lo he intentado así:
tabela.forEach((elem, index) => { console.log(elem[0], index[1]) const row = tableBody.insertRow(index) const employeeCell = row.insertCell(0) let content = document.createTextNode(elem[0]) employeeCell.appendChild(content) })y así:
for (let i = 1; i < tabela.length; i++) { const row = tableBody.insertRow(tabela[1]) const employeeCell = row.insertCell(0) let content = document.createTextNode(tabela[0]) employeeCell.appendChild(content) }pero obtengo resultados extraños con ambos.
Realmente quiero entender lo que estoy haciendo, pero tengo problemas.
La variable tabela es un arreglo de 13 elementos, cada elemento es un arreglo de 7 elementos.
¿Alguien sabe qué estoy haciendo mal, cómo hacerlo, así que construyo una tabla completa a partir del código analizado de la variable "tabela"?
Debe recorrer los elementos de la row para agregar una celda para cada elemento.
tabela.forEach(elem => { const row = tableBody.insertRow(); elem.forEach(item => { const cell = row.insertCell(); cell.innerText = item; }); })La siguiente demostración muestra cómo puede realizar su tarea usando jQuery .
const tablea = [ [30,45,2,9,0], [455,65,0,5,78], [1,1,4,4,6] ]; let $tableBody = $('#xdata tbody'); $tableBody.html( tablea.map(row => $('<tr/>').html( row.map(cell => $('<td/>').html( cell )) )) ); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table id="xdata"><tbody></tbody></table>