用于多行表的jQuery表数据排序器插件

时间:2011-06-23 13:20:52

标签: javascript jquery html-table

我在构建中有一组表,它们使用Tablesorter 2.0 jQuery插件对数据列进行排序。它工作得很好,直到我找到一个有多个TH行的更复杂的表。

Tablesorter 2.0自动检测第一组TH并使它们成为排序触发器。没有办法用选择器覆盖它。

我的复杂表格有多个TBODY,顶部有TH行,如下所示: enter image description here

我打算给www.datatables.net一个去看看它是否有解决方法,但我担心我可能会遇到与网站上运行的两个插件的JS冲突。

如何在每个TBODY中使用您看到“我的权益”作为排序标题的行而不是顶部的深灰色标题行来实现表排序的任何其他建议?

源HTML的示例如下:http://pastebin.com/CYd06L87

1 个答案:

答案 0 :(得分:0)

Datatables是一个非常强大的网格分类器,使用多个TH应该没有问题。他们还有表格详细信息的解决方案,这可能是处理此任务的另一种方法。例如,您可以有两个主要行,一个用于您的权益,一个用于您的权益,所有这些都在同一个表中。然后,设置行详细信息以实现您的目标......只是一种可能性。

以下是行详情:http://datatables.net/release-datatables/examples/server_side/row_details.html

还有一种解决行总计的解决方案。