javascript - 如何在可以排序的html表格中抑制重复值的显示？

Question

我有一个从 XML/XSL 生成的 HTML 表格，我希望它能抑制重复值。但是，我还想通过单击标题对其进行即时排序。

如果没有往返服务器，我需要在每次排序后抑制不同的值。有没有好的javascript/css解决方案。

例如

数据

Date  Person Score  
May   Jeff   1  
May   Joel   2  
June  Alex   1

初始显示
注意缺少第二个五月

Date  Person Score  
May   Jeff   1  
      Joel   2  
June  Alex   1

按分数排序后展示
注意缺少第二个 1

Date  Person Score  
May   Joel   2  
June  Alex   1
May   Jeff     

Answer 1

我个人会使用类似 jQuery Table Sorter 的东西.您也可以使用 unique() 函数来删除重复项。使用 jQuery 只是使做事比使用 JS 容易得多。或者我会使用 JSF 作为我的表示层，它已经具有适用于此类场合的功能。

我真的不知道用 JS 做这件事的“好”方法。我见过的 JS 中的每个实现都是困惑的。将 jQuery 添加到您的元素将使您不必编写讨厌的 JS 代码。