Question

我有一张桌子有两个垂直和两个水平标题。由于2. header row / col中的多个元素引用1. header row / col中的1个元素，因此更改了它们的col和rowspan。我的表看起来像这样

XXXXXXX|1      |2  |3          |4  |
XXXXXXX|1.1|1.2|2.1|3.1|3.2|3.3|4.1|
1 | 1.1|
  | 1.2|
2 | 2.1|
3 | 3.1|
  | 3.2| 
  | 3.3| A
4 | 4.1|

当我点击一个单元格时，我想获得正确的标题文本。如果是单元格A，则为"3.3 of 3 vs 1.1 of 1" 我可以使用

获取2.垂直标题3.3

$("#Table").on('click', 'td', function () {
     console.log($(this).parents('tr').find('th:last').text());
});

但是1.垂直标题不是该行中的单元格，而是来自上面的一行。此外，我无法使用单元格的索引来计算相应的2.水平标头，因为cellIndex会因1. headercell是否存在而变化。

在写这篇文章时，我得到了想法来计算parentrow中th的数量并手动更改单元格索引。

通过手动调整的索引和带有标题名称的两个列表，是否有一种简单的方法来获取我需要的文本，无论我在哪一行或我必须这样做？

我考虑的另一种选择是创建所有单元格，以便我可以正确获取值，但是对于可视化，我稍后必须以某种方式合并它们/隐藏重复项。这种方法会更好吗？