我有一個包含陣列的變數。它是從一個EXCEL檔案中決議出來的代碼。
我想上傳我的檔案并建立表格,我試著這樣做:
我想上傳我的檔案并建立表格。
tabela.forEach((elem, index) => /span> {
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)
})
而像這樣:
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)
}
但我用這兩種方法得到了奇怪的結果。
我真的想了解我在做什么,但我有問題。
變數tabela是一個有13個元素的陣列,每個元素是一個有7個元素的陣列。
有誰知道我做錯了什么,如何讓我從 "tabela "變數決議的代碼中建立一個完整的表格?
uj5u.com熱心網友回復:
你需要在row的元素中回圈,為每個元素添加一個單元格。
tabela.forEach(elem => {
const row = tableBody.insertRow()。
elem.forEach(item => {
const cell = row.insertCell()。
cell.innerText = item。
});
})
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
uj5u.com熱心網友回復:
下面的演示展示了如何使用jQuery完成任務。
const tablea = [
[30,45,2,9,0] 。
[455,65,0,5,78] 。
[1,1,4,6]
];
let $tableBody = $('#xdata tbody')。
$tableBody.html(
tablea.map(span class="hljs-params">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>/span>
<table id="xdata"> < tbody></tbody></table>
<iframe name="sif2" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/306911.html
標籤:
