先提前设置好了表头,把数据组扔在tbody
<table class="***">
<colgroup>
<col width="150">
<col width="200">
<col>
</colgroup>
<thead>
<tr>
<th>序号</th>
<th>物料名称</th>
<th>数量</th>
<th>物资类型</th>
</tr>
</thead>
<tbody id="contain"></tbody>
</table>
innerHTML是指的将一段HTML代码或文本重新插入到一个HTML元素中,即把str生成的内容插入到id=“contaion”的tbody中
var str="";
for(var i = 0; i <= arr.length-1; i++){
str += '<tr>';
str += '<td>'+(i+1)+'</td>';
for(var j = 0; j <= arr[i].length-1; j++){
str += '<td>'+(arr[i][j])+'</td>';
}
str += '</tr>'
}
contain.innerHTML = str;
最终效果