javascript - react 表过滤和响应

Question

我想使用 react 创建表，它应该具有以下功能

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

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

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

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

虽然在 github 上查看星星，但似乎 react griddle 更好，但是实现目标的最佳插件是什么？

Answer 1

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

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

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

tabulator:它通过名为 Responsive Layout Collapsed List 的选项完全响应，但它的文档并不是专门为 React 编写的，因为它也可以与 Vue 和 Angular 一起使用.

TL:DR; 对于高级前端开发人员，我会推荐 tabulator，对于初级开发人员，我会推荐 react-data-grid 不费力地创建你的表