Question

HTML表中<tr>和<td>之间不能有标签。（Is there a tag for grouping "td" or "th" tags?）但是有没有办法在<div>与display: table-row和display: table-cell之间的分组标记中使用这种分组标记？

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

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>

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

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

1 个答案: