从具有行跨度和列跨度的表中获取标识头

Question

假设我有一个列和行跨度的表，我正在寻找一种方法来找到唯一标识单元格的标题。

对于该表:

table {
border-collapse: collapse;
}

table, td, th {
border: 1px solid gray;
}

<table>
<thead>
<tr>
<th colspan="2">col1</th>
<th rowspan="2">col2</th>
<th rowspan="3">col3</th>
</tr>
<tr>
<th>col4</th>
</tr>
<tr>
<th colspan="2">col5</th>
<th>col7</th>
</tr>
</thead>
<tbody>
<tr>
<td>value</td>
<td>value1</td>
<td>value2</td>
<td>value3</td>
</tr>
</tbody>
</table>

https://jsfiddle.net/j3kqrpt0/

我想获得以下标题

<表类>col5col5col3col7

基本上，你所要做的就是-

• 在表中创建头元素，表示表头
• 创建新表行-tr，其中将填充您需要的列标题
• 最后，添加(表头)你需要的元素。

然后，在表体中使用相同的方法，只是使用不同的元素:

• 创建tbody元素
• 创建tr元素
• 填写tr与表数据td

下面是代码片段

table, th, td {
border: 1px solid;
}

<table>
<thead>
<tr>
<th>col5</th>
<th>col5</th>
<th>col3</th>
<th>col7</th>
</tr>
</thead>
<tbody>
<tr>
<td>value</td>
<td>value1</td>
<td>value2</td>
<td>value3</td>
</tr>
</tbody>
</table>