2017-09-11 40 views
2

我想用反应创建表应该具有以下功能阵营表滤波及响应

  • 使用搜索过滤器名称过滤
  • 下拉过滤器使用状态
  • 升序和降序排序,当点击在列标题上。
  • 生成表响应

你可以假设下面的数据 - VAR数据= [{名: 'ZZ',状态: 'UA'},{名称: 'HHJ',状态: '运'} ]

我搜索下列反应插件表功能 -

虽然寻找到星在github上,这似乎反应铛是更好,但什么将是实现这一目标的最佳插件?

+0

你是什么意思的“响应”,屏幕大小?什么是“使用状态的下拉过滤器”? FWIW,过去我曾使用'Ag-grid'获得了一些成功,但为了与Redux一起使用,做过这项工作的人是'React-virtualized'。 – JulienD

+0

尝试两者并根据您的真实情况进行评估?据我所知,我测试了很多桌面引擎,并最终编写了自己的引擎;) – larrydahooster

回答

0

您是否试过查看ReactTable?

https://react-table.js.org/#/story/readme

ReactTable表已内置功能用于升序/降序排序列标题点击时。

此外ReactTable表格响应屏幕尺寸。

在创建搜索过滤器而言,它有功能,以及:https://react-table.js.org/#/story/custom-filtering

您可能必须建立下拉筛选自己,但我相信ReactTable应为您提供一个基地完成大部分的你是什么希望去做。

我希望这有助于!