在CSS表中的表行和表单元之间是否有任何标记？

Question

HTML表中的<tr>和<td>之间不能有标签。 （ 是否有用于对“ td”或“ th”标签进行分组的标签？ ）但是，有没有办法在<div>与display: table-row和display: table-cell之间使用这样的分组标签？

这似乎很愚蠢，但要点是我想在Vue.js应用程序中添加@mouseover="doSomething"或:class="{someClass: someCondition}"的行为，为此我需要一个标记。 我不想将行为添加到整个行中，而要保持干燥，我宁愿不将其单独添加到每个单元格中。

---

编辑： HTML没有提供解决方案，但是在Vue中，我能够使用vue-fragment获得所需的结果。 它允许将行为附加到虚拟<fragment>标记。 示例： MatrixR中的MatrixRLabel （这些是此应用程序上部矩阵中的米色标签。）

Answer 1

display: table-row和display: table-cell将特定的关系应用于父级和子级div。 就像使用<tr>和<td> ，在它们之间添加div显然会破坏这种关系，并导致结果，如果不进行一些研究，我将无法有意义地预测结果。

因此，是的，您将必须将行为单独应用于所需的单元格。

<tr>
    <td @mouseover="doSomething">...</td>
    <td @mouseover="doSomething">...</td>
    <td>...</td>
</tr>

或者，您可以使用类来标识那些单元格，然后在执行之前对该类进行行为检查。

<tr @mouseover="doSomething">
    <td class="onlyToMe">...</td>
    <td class="onlyToMe">...</td>
    <td>...</td>
</tr>

既然您在此之前还没有得到答案，也许您已经找到了自己的答案？ 如果可以，请分享。 干杯!