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

Question

实施例： 表格在Modal中 当我们点击搜索按钮时，java应用程序中有一个现有的功能，它将弹出一个模态窗口（如数据表格），并以表格格式显示数据，带有过滤和排序选项，当我们从表格中选择记录时，它将是以现有形式选择。如何使用ReactJs和react-bootstrap实现这一目标？任何要导入和处理此要求的库？ 过滤，排序下拉菜单......

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

选择行时.. Col1 Col2 Col3 -Del row

确定。选择行时，值将以主窗体显示

Answer 1

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

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

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

在做出反应时，从模态对话框中选择一个对象的详细表单视图通常会通过redux和react-redux这样的商店进行。

从头开始运行所有这些并不是一项微不足道的任务，至少需要几天时间。