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

Question

我正在使用名为 react-data-table-component 的 React 组件:https://github.com/jbetancur/react-data-table-component .该组件非常好并且功能丰富，到目前为止我很喜欢它。但是，客户请求了一项新功能，即他们可以一次对多个列进行排序(使用主要、次要、第三排序等)。我没有在文档中看到任何提及此功能的信息。每列都有自定义排序功能，我希望有人知道如何通过混合自定义排序功能和巧妙地使用状态来实现多列排序。谁能帮我指出正确的方向？

Answer 1

我相信我找到了答案。我将行数据保持在状态中，以便在数据更改时呈现网格。我将使用 onSort 回调来保留正在排序状态的列列表。然后我将使用自定义排序函数和多重排序函数 https://github.com/chuvikovd/multi-column-sort达到预期的效果。