问题标签 [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.

0 投票
0 回答
1153 浏览

reactjs - 反应表中的反应模式不返回每一行的唯一内容

我正在使用 react-modal 和 react-bootstrap-table2 在模式中显示行的值。

现在,无论单击的行如何,模态都会显示最后一行的值。如何确保每个模式显示自己的行数据?

表中使用了 renderButtons:

并在我的组件中渲染

0 投票
1 回答
1559 浏览

reactjs - 分页下拉不起作用 react-bootstrap-table2

我正在使用 react-bootstrap-table2 并且无法使分页下拉工作。

查看我的选项:

还有我的表格组件

有任何想法吗?我点击它希望看到 5,10,但它没有响应。我的表中也有超过 5 条记录...

0 投票
2 回答
2832 浏览

reactjs - 无法在 react-bootstrap-table 中显示我的数据

这是我在实现 react-bootstrap-table 之前的 React 类(它可以工作,它会打印它应该打印的内容):

我想在 react-bootstrap-table 中显示这些信息。这是我尝试的实现,如下所示。表格上说没有要显示的数据,所以我一定没有正确连接到信息。

0 投票
1 回答
562 浏览

reactjs - 如何在反应引导表中添加可导航的网址

我正在以 JSON 格式从数据库获取数据到 react-bootstrap 表。一个字段是 url 并显示为字符串。如何将其更改为链接并重定向到相应的站点?例如,如果 json.url = "www.google.com",则单元格应显示 json.url 并且 onClick 应重定向到 google 站点。

0 投票
1 回答
326 浏览

reactjs - 使用 React Bootstrap Table 中的类修改行数据

我正在使用react-bootstrap-table-next来显示我的数据。

这是我要显示的数据。

如果状态失败,我想添加类“glyphicon-remove-sign”,如果成功,使用这个 glyphicon-ok-sign。

我该如何去修改数据和类?现在它显示文本,但我想要符号。

谢谢。

0 投票
1 回答
14820 浏览

reactjs - 如何对 react-bootstrap Table 组件进行排序

我是 React 新手,正在使用react-bootstrap中的 Table 组件。

我想按“到期天数”列的升序对表格进行排序。 我的反应应用

但是 Table 组件没有排序属性,有人知道我该怎么做吗?

0 投票
1 回答
294 浏览

reactjs - 将动态链接传递到表时出现问题

我在这里使用react-bootstrap-table,但其他所有选项都很划算。我在插入表的链接时遇到了一个大问题。我几乎尝试了一切。我从服务器获取数据,因此我正在对其进行映射并呈现结果。但是我需要能够单击其中一个并获取单击的值并将其传递给第二个组件。我可以在不使用 react-bootstrap-tables 的情况下做到这一点,但我非常喜欢它们,所以我想知道这是否有可能,如果有,请你帮帮我。这是一段重要的代码。

sortedReports 是一个数组。

0 投票
2 回答
2529 浏览

reactjs - 分页在 react-bootstrap-table2 中不起作用

我正在使用 react-bootstrap-table2-paginator 将分页添加到我的 BootstrapTable。在表中添加分页部分时出现以下错误。我错过了一些进口或其他东西吗?

这是组件的代码。

任何帮助,将不胜感激。谢谢

0 投票
1 回答
768 浏览

javascript - react-bootstrap-table:无法在自定义工具栏按钮上设置字形图标

我正在按照以下示例自定义表格的工具栏:http: //allenfang.github.io/react-bootstrap-table/custom.html#insertBtn

我可以看到我的按钮,但看不到我用 btnGlyphicon 设置的图标。

生成的 html 是<i class="fa glyphicon glyphicon-edit"></i>fa + glyphicon 都需要在课堂上吗?我添加了 font-awesome 作为依赖项,但我仍然看不到图标。

我错过了什么?

任何帮助表示赞赏

0 投票
1 回答
318 浏览

reactjs - React JS/Firebase/React 引导表 - 为什么在删除最后一个条目以外的条目时会出现错误?

所以在删除除最后一个条目之外的条目后,我在重新渲染我的 firebase 数据库时遇到了问题。它从 firebase 中删除得很好,但是当它重新渲染 react bootstrap 表时,它会抛出 TypeError。下面是错误和我的firebase结构。我处理这个问题的方式有问题吗?我在想也许如果我用它可能修复它的长度的迭代来更新错误的父“id”,但我在更新父级时遇到了麻烦。 tablebody.js 代码的图片不是我的代码,它是用 react-bootstrap-table 编写的。这部分是错误指向的地方。

在此处输入图像描述

这是我的结构的样子 在此处输入图像描述

主页.js