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

标签 reactjs react-data-table-component

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

最佳答案

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

关于reactjs - 如何用react-data-table-component实现多列排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62285992/

相关文章:

javascript - 无法删除 react 数据表组件中的白色标题

css - 如何在使用 react-data-table-component 时更改主标题 css 属性

reactjs - react-data-table-component onChangePage 方法在 onSelectedRowsChange 方法后触发

reactjs - 样式化组件错误 "it looks like an unknown prop "响应“已发送到 DOM,这可能会触发 React 控制台错误。”

javascript - 如何循环和创建动态 Bootstrap 网格

javascript - 使用 React js 实现 Favicon

javascript - 如何在react中的单个id元素中渲染两个组件

javascript - 在reactjs中使用superagent删除

javascript - 如何在 React.js 应用程序中配置手写笔支持?