如何使用反应数据表组件实现多列排序



我正在使用一个名为react-data-table-component的react组件:https://github.com/jbetancur/react-data-table-component。该组件非常好,功能丰富,到目前为止我很享受它。但是,客户请求了一项新功能,他们可以一次对多个列进行排序(具有主要、次要、第三排序等(。我在文档中没有看到任何提及此功能的内容。每列都有自定义排序函数的能力,我希望有人对如何通过混合自定义排序函数和也许巧妙地使用状态来实现多列排序有一个想法。谁能帮我指出正确的方向?

我相信我找到了答案。我将行数据保持在状态,以便在数据更改时呈现网格。我将使用 onSort 回调来保留按状态排序的列的列表。然后,我将使用自定义排序函数以及多排序函数 https://github.com/chuvikovd/multi-column-sort 来实现所需的结果。

相关内容

  • 没有找到相关文章

最新更新