反应表过滤和响应

Question

我想使用应具有以下功能的 反应 创建表

• 使用名称过滤器搜索过滤器
• 使用状态的下拉过滤器
• 单击列标题时升序和降序排序。
• 使表响应

您可以假设以下数据 - var data = [{name: ‘zz’,state: ‘ua’},{name: ‘hhj’,state: ‘op’}]

我搜索了以下用于表功能的反应插件 -

• React Griddle ( https://github.com/griddlegriddle/griddle )
• 反应数据网格 ( https://github.com/adazzle/react-data-grid )

在 github 上查看星星时，似乎 React Griddle 更好，但是 实现目标的最佳插件是什么？

原文由 shubham AK 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我花了一天的时间阅读所有可用的插件，这些插件有超过 100 颗星或分叉。我最近几个月一直在使用 react-table 但它已经几个月没有更新了，他的创建者在一个问题中写道他计划在 6 个月内发布升级（对我们中的一些人来说太晚了）。

更难找到的要求是“使表响应”。然后只有两个满足此要求： react-data-grid 和 tabulator 。这两个存储库都是 2 年多前创建的，有超过 1000 次提交，并在上周进行了更新。

react-data-grid ：它没有完全响应，但至少它保持第一列固定，它有一个非常好的演示和专门为 React 编写的文档

tabulator ：它完全响应，带有一个名为 响应式布局折叠列表的 选项，但它的文档不是专门为 React 编写的，因为它也可以与 Vue 和 Angular 一起使用。

长话短说：博士； 对于高级前端开发人员，我会推荐 tabulator ，对于初级开发人员，我会推荐 react-data-grid 不要为创建表格而费力

原文由 Diego Ortiz 发布，翻译遵循 CC BY-SA 4.0 许可协议