react-bootstrap-table - 如何使用 react-bootstrap 和过滤创建数据网格表，数据网格中的排序选项

Question

示例：Modal 中弹出的表格当我们点击搜索按钮时，Java 应用程序中有一个现有功能，当我们选择从表中记录它将以现有形式选择。如何使用 ReactJs 和 react-bootstrap 来实现这一点？有什么库可以导入并满足这个要求吗？过滤、排序下拉菜单...

Col1 Col2 Col3 +ADD 行 --- ---- ----

选择行。.Col1Col2 Col3 -del行

好的。选择行时，值将显示在主窗体中

Answer 1

我认为这里的两个主要竞争对手是：

ReactDataGrid，也称为 react-data-grid 和https://facebook.github.io/fixed-data-table/

至少在 react-data-grid 的情况下，它支持您要求的功能，但需要将其集成。它提供 UI 以允许用户请求排序和过滤，但您必须实际对数据进行排序和过滤以响应事件。它支持 UI 以允许就地编辑，并且您可以动态添加行，但您必须在 UI 上添加按钮并以适当的方式响应它们。

在 react 中，从 Modal 对话框中获取选择返回到 Object 的详细表单视图通常会通过redux和react-redux 之类的商店发生。

从头开始并运行所有这些并非易事，至少需要几天时间。