javascript - Javascript将具有多行的表头转换为div

Question

我正在寻找一种 javascript 语言的算法，它将读取表头，然后以字符串或作为 DOM 对象返回等效的 DIV。标题如下所示：

HTML：

<thead>
    <tr>
       <th rowspan="2">MinistryCode</th>
       <th rowspan="2">MinistryName</th>
       <th colspan="2">1390</th>
       <th colspan="2">1391</th>
       <th colspan="2">1392</th>
    </tr>

     <tr>
       <th>Target</th>
       <th>Amount</th>
       <th>Target</th>
       <th>Amount</th>
       <th>Target</th>
       <th>Amount</th>
     </tr>
</thead>

Answer 1

如果您只想拥有这种外观和感觉，那么您必须依赖 CSS。我不知道您为什么要使用 DIV 创建此表。看这个例子

table{
  border:1px solid;
  margin:0px;
  padding:0px;
  table-layout:fixed;
  text-align:center;
}
thead th{
  background-color:#D2E7FA;
  border:1px solid;
  text-align:center;
}

thead tr:first-child th + th{
  width:40%!important;
}
thead tr+tr th{
  width:9%!important;
}

tbody tr td{
  border-left:1px solid;
  border-right:1px solid;
}