描述:根据后台返回数据,使用js动态生成复杂类型的表格。如下图:
上述表格主要实现两点即可,一个是完成后台返回数据的嵌套关系,一个是单元格合并的问题。
html代码:
在生成复杂类型表格的时候最好thead和tbody都单独使用一个table标签。
<table>
<thead>
<tr>
<th style="width: 30%">渠道名称</th>
<th style="width: 20%">子渠道</th>
<th style="width: 20%">子渠道ID</th>
<th style="width: 30%">操作</th>
</tr>
</thead>
</table>
<table class="tdWrap">//此处存放动态生成的tbody
</table>
js代码:
let tbody = '';//每一个主渠道都是一个单独的tbody
if(data.code === 200){
console.log(data)
let d = data.data;
if(d.length > 0){
d.map(fu