问题标签 [react-bootstrap-table]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

358 问题

0 投票

1 回答

70 浏览

javascript - React 16 表单更新操作生成新记录而不是更新记录

我已经创建了 React 16 表单。我已经完成了显示记录、添加记录、删除记录。当涉及到记录更新时，我正在插入新记录而不是更新记录。如果我传递相同的记录值没有任何反应。我有检查条件部分handleSubmit用于if更新项目，else部分用于添加项目。我需要在此处进行更改吗？

2017-12-23T11:13:30.780

0 投票

3 回答

1748 浏览

javascript - 无法使用从一条路由到另一条路由的反应引导表重定向到不同的页面

我是React新手。目前，我正在使用反应引导表在我的应用程序中填充数据。我的任务是当用户点击表格的行时，它应该获取行的参数并重定向到不同的路由。

我的反应引导表代码如下

我传递给反应引导表的选项代码如下

有人可以让我知道我做错了什么吗？

编辑

我的完整代码如下

javascript reactjs react-router react-router-dom react-bootstrap-table

2018-01-18T19:42:28.257

0 投票

1 回答

60 浏览

reactjs - 如何将表格提取为独立组件

我使用react-bootstrap-tablelib 来显示表格，并且在我的项目中使用了很多（大约 10 次）表格，它们都有像exportCSV search clearSearchecc 这样的常用选项。BootstrapTable创建一个通用组件（标签）来集中和标签是有意义的TableHeaderColumn。

我想要以下代码

变得

可能吗？（我试过了，但Uncaught (in promise) TypeError: Cannot read property 'reduce' of undefined at BootstrapTable.initTable出错了）

PS：我想过通过传递所有列数据将表格集中为一个组件，例如

但我觉得

是一个更好的解决方案。

有人可以给我一些建议吗？非常感谢！

reactjs react-bootstrap-table

2018-01-22T09:47:18.527

0 投票

1 回答

661 浏览

reactjs - 将自定义自动完成插入模态引导反应表

我使用一个模块来自动完成建议，这样用户就可以从数据库中选择一些人添加到一个表中，它在自定义反应表的顶部工作得很好，问题是我需要那个自动完成字段在模态上，但我无法将其添加到模态中，主要是因为我不知道该模态是否是自动创建的，因为它为表的每个字段呈现表单，但我只需要一个自动完成字段。

自动完成模块是http://react-autosuggest.js.org/和 git repo https://github.com/moroshko/react-autosuggest#installation，react table 模块：repo http上的 react-bootstrap-table ://allenfang.github.io/react-bootstrap-table/

我想知道我是否必须创建一个新的表实例并在那里修改模式，或者通过调用一种方法我可以插入我需要的一个字段。

我知道这不是一个很深的问题，只是一个“正确的方法”的问题

太感谢了。

reactjs bootstrap-modal react-bootstrap-table

2018-01-22T13:52:03.223

0 投票

0 回答

526 浏览

reactjs - 是否可以在 react-table 或 react-bootstrap-table 中指定行组件？

我正在将项目中的许多表格从使用 bootstrap 4 样式的简单 HTML 表格迁移到更复杂的解决方案，例如react-tableor提供的解决方案react-bootstrap-table。

问题是，从我在这个组件中看到的内容来看，如果你想自定义一行的内容，比如说，为每一行指定一个“详细信息”按钮，你必须通过一个 Column 组件来完成（使用单元格参考）。

反应引导表： https ://allenfang.github.io/react-bootstrap-table/example.html#column-format

反应表： https ://github.com/react-tools/react-table#custom-cell-header-and-footer-rendering

我想知道的是是否可以创建一个组件来集中呈现整行（例如<TableRow />）？

如果这是可能的，迁移将容易得多。

我也在询问这两个库，因为我发现它们都易于使用、非常成熟并且具有我在表格组件中寻找的功能。因此，如果其中一个有我需要的东西，我肯定会选择那个库而不是另一个。

reactjs react-bootstrap-table react-table

2018-01-24T17:42:57.033

0 投票

1 回答

897 浏览