html - HTML表格将内容推送到新行而不使用元素

Question

有一些表格数据可以通过标题排序显示。我正在为此使用Table Sorter插件。每行还有一个可折叠面板，可在每行下方打开/关闭。目前我已经将这些面板实现为<tr>jQuery 显示/隐藏的元素。但是，当表格排序器对列进行排序时，此实现也会导致对这些面板进行排序。

在每行下方显示可折叠面板的替代方法是什么？

Answer 1

HTML 规范允许tbody一个表中有多个 s。我认为您应该tbody为每一行使用 1 （可以有多个 1 tr）。

<table>
  <thead></thead>
  <tbody>
    <tr><!-- 1st row with data columns --></tr>
    <tr><!-- 2nd row which is hidden and with the data that gets shown after expanding --></tr>
  </tbody>
  <tbody><!-- similar to the first tbody --></tbody>
  <tfoot></tfoot>
</table>

此外，Tablesorter 插件未正确实现。尝试使用它的叉子 - https://github.com/renatoalbano/jquery-tablesorter/

---

参考：https ://developer.mozilla.org/en/HTML/Element/table