如何使用react-data-table-component实现多列排序

Question

我使用了一个名为react-data-table- component：https://github.com/jbetancur/react-data-table-component的react组件。这个组件相当不错，功能丰富，到目前为止我很喜欢它。然而，客户已经请求了一个新的功能，他们可以一次对多个列进行排序(使用主要、次要、第三种排序，等等)。我在文档中没有看到任何提到此功能的内容。每个列都有自定义排序函数的能力，我希望有人对如何使用自定义排序函数和状态的巧妙使用来实现多列排序有一个想法。有人能帮我指出正确的方向吗？

Answer 1

我相信我找到了答案。我保持行数据的状态，这样网格就会在数据发生变化时进行渲染。我将使用onSort回调来保存正在按状态排序的列的列表。然后，我将使用一个自定义排序函数和一个多排序函数https://github.com/chuvikovd/multi-column-sort来实现所需的结果。