我有多个跨越多个列的列标题,我想找到列的正确标题编号/计数。还有一些表数据有 rowspan 和 colspan。
我希望能够单击任何单元格或表格数据并获取其左侧和顶部标题。
因此,如果我点击“D9:LH1-TH4(H4a)”,我应该得到:
- Left Header 是:LH1,Top Header1 是 TH4,Top Header 2 是 H4a
如果我点击“D3:LH2-TH2(H2b-H4a)”,我应该得到:
- Left Header 是 LH2,Top Header 1 是 TH2,Top Header 2 是 H2b
示例:
<table width="200" border="1" style="background-color:#000; color:#FFF">
<tr>
<th scope="col"> </th>
<th colspan="2" scope="col"> TH1 </th>
<th colspan="4" scope="col"> TH2 </th>
<th colspan="6" scope="col"> TH4 </th>
</tr>
<tr>
<th scope="col"> </th>
<th scope="col"> H1a </th>
<th scope="col">H1b</th>
<th scope="col"> H2a</th>
<th scope="col">H2b</th>
<th scope="col">H2c</th>
<th scope="col">H2d</th>
<th colspan="6" scope="col"> H4a </th>
</tr>
<tr>
<th rowspan="3" scope="row"><span>LH1</span></th>
<td colspan="2" rowspan="3">D1:LH1-TH1(H1a-H1b)</td>
<td colspan="3" rowspan="2">D2:LH1-TH2(H2a-H2c)</td>
<td rowspan="3">D5:LH1-TH2(H2d)</td>
<td rowspan="3">D6:LH1-TH4(H2a-H2c)</td>
<td colspan="2">D7:LH1-TH4(H4a)</td>
<td>D8:LH1-TH4(H4a)</td>
<td rowspan="3">D13:LH1-TH4(H4a)</td>
<td rowspan="3">D14:LH1-TH4(H4a)</td>
</tr>
<tr>
<td colspan="3">D9:LH1-TH4(H4a)</td>
</tr>
<tr>
<td colspan="2">D3:LH1-TH2(H2a-H2b)</td>
<td>D4:LH1-TH2(H2c)</td>
<td>D10:LH1-TH4(H4a)</td>
<td>D11:LH1-TH4(H4a)</td>
<td>D12:LH11-TH4(H4a)</td>
</tr>
<tr>
<th scope="row"><span>LH2</span></th>
<td colspan="2" >D1:LH2-TH1(H1a-H1b)</td>
<td colspan="3">D2:LH2-TH2(H2a-H2c)</td>
<td colspan="5">D3:LH2-TH2(H2b-H4a)</td>
<td>D4:LH2-TH4(H4a)</td>
<td>D5:LH2-TH4(H4a)</td>
</tr>
</table>
最佳答案
这非常棘手。 您可以使用父偏移量找到您的 header 。
让它在这个 fiddle 中工作 http://jsfiddle.net/work4liberty/fk6sy/14/
关于javascript - 通过单击任何单元格或表格数据及其左侧和顶部标题进行查找,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10368183/