在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>

既然您在此之前還沒有得到答案，也許您已經找到了自己的答案？ 如果可以，請分享。 干杯!