Question

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

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

Answer 1

HTML规范允许表格中有多个tbody。我认为你应该为每一行使用1 tbody（可以有超过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

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

1 个答案: