我可以仅使用一个标签“ tr”制作一张像这张照片的桌子吗?

乔敏

https://i.stack.imgur.com/kA212.png

我对表进行排序以使用libray“ tablesorter js”,但是如果使它使用2个或多个“ tr”(如上图),则该库将无法工作。所以我只需要写'tr'

有可能做吗?

莫蒂

您将需要两个tr来创建所需的表结构。

原始表排序程序包括一个默认cssChildRow设置为选项"expand-child"它没有记录,但是您可以在这里看一个演示这是一个演示其工作原理的示例,但是如您所见,您无法对第二列进行排序。

的HTML

<tr>
  <td colspan="2">Lamp</td>
</tr>
<tr class="expand-child">
  <td>Burn Time</td>
  <td>150 Hours</td>
</tr>

脚本

$(function() {
  $('table').tablesorter({
    cssChildRow: "expand-child"
  });
});

在我的tablesorter的分支中,您仍然可以设置cssChildRow选项,但是默认设置已更改为"tablesorter-childRow"它会自动处理子行中的多余列,而无需更改HTML或脚本演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章