javascript - 如何使两个表行始终相连

Question

所以我有一个可以对其列进行排序的表格。

它的格式为多行，如下所示:

<tr><td>Data</td><td>Data</td></tr>
<tr><td>    MetaData     </td></tr>
<tr><td>Data</td><td>Data</td></tr>
<tr><td>    MetaData     </td></tr>

我希望能够按数据行排序，并使元数据行紧跟在它们具有相关信息的数据行之后。但是，由于我的排序代码无法区分行之间的差异，因此我最终得到如下结果:

<tr><td>Data</td><td>Data</td></tr>
<tr><td>Data</td><td>Data</td></tr>
<tr><td>    MetaData     </td></tr>    
<tr><td>    MetaData     </td></tr>

如何强制将元数据和数据行“捆绑”在一起？

Answer 1

好的，首先，当您有一个跨越两列的表格单元格时，您应该使用 colspan 属性，例如

<tr><td colspan="2">MetaData</td></tr>

现在，为了将它们联系在一起，我认为你的做法是错误的。元数据本身在逻辑上并不完全位于表行中，它应该与实际数据位于同一行中。您可以使用 HTML5 数据属性执行类似的操作:

<tr>
    <td data-meta="MetaData">Data</td>
    <td data-meta="MetaData">Data</td>
</tr>