问题标签 [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.
reactjs - 在单独的定义文件中扩展 TypeScript 2.5.2 Component Props 定义
我已经下载了一个名为react-bootstrap-table
类型定义的 NPM 包。
https://www.npmjs.com/package/react-bootstrap-table
https://www.npmjs.com/package/@types/react-bootstrap-table
不幸的是,这些类型已经过时,并且我需要的定义中strictSearch
缺少一个名为的道具。BootstrapTable
我当然可以更新其中的定义,node_modules
但我们是一个致力于这个项目的团队,我们没有提交该node_modules
文件夹。
我已经阅读了这里的主题,但无论如何我都无法让它工作:
我怎样才能让它工作?
如果我添加一个名为“react-bootstrap-table-ex”的新文件夹,一切看起来都不错,但当然我没有相应的模块。
找不到模块:错误:无法解析“react-bootstrap-table-ex”
如果我将文件夹重命名react-bootstrap-table
为仅从我的新index.d.ts
文件中加载的类型,并且我无法引用原始定义。然后我尝试手动设置原始定义的路径,但再次Module not found
发生错误。
代码:
reactjs - 为 Bootstraptable 反应添加 id
我正在尝试为 react-bootstrap-table 模块的 Bootstraptable 标签添加一个 id。我看到了道具。有一个 tablebodyclass 道具,我们可以在其中设置类名。但我希望这张桌子是独一无二的。我该如何为表引入 ID?
javascript - 如何在 Bootstrap React Table 的特定列下的每一行中添加一个按钮?
我有一个 React Bootstrap 表(http://allenfang.github.io/react-bootstrap-table/index.html),它将从来自 API 的数据中填充。我想在其中一列中添加一个按钮,然后对其执行操作。例如,单击特定行中的按钮后,我需要从特定行中提取数据,然后进行 API 调用。如何使用 React Bootstrap 表进行上述操作?
javascript - React Bootstrap Table 无法使用 map 错误创建 TableHeaderColumn。TableHeaderColumn 中没有定义任何键列
当我尝试TableHeaderColumn
使用 map 以编程方式创建时出现以下错误。
未捕获的错误:错误。TableHeaderColumn 中没有定义任何键列。使用 'isKey={true}' 指定版本 0.5.4 之后的唯一列。
如果我不使用地图和硬编码相同的值,一切正常。我通常使用地图作为表格,它通常作为一种魅力。我尝试过使用和不key
使用地图属性,同样的错误。
https://stackoverflow.com/a/25647392/3850405
不工作:
作品:
reactjs - React Bootstrap Table 在每一行都有按钮来创建模态,但是一个按钮会多次调用模态的渲染
我有一个React Bootstrap Table
,表的每一页都有 20 条记录。在每一行中,我使用以下行添加了一个按钮
然后我在这个页面中有 20 个按钮,每一行都有一个按钮。如果单击其中一个按钮,我打算打开一个模式。但是当我单击一个按钮时,openModal()
按预期运行一次,但render()
我的功能AttachmentManager
将运行 20 次。如何解决这个问题?
以下是我的模态
ios - CSS错误-webkit-overflow-scrolling:触摸
我的表格的最后三个左右条目被隐藏在移动设备(尤其是 iOS)上时遇到问题。我研究了这个 css 错误并看到了多种解决方案。问题是这个滚动选项似乎设置在显示表格的路由中的每个 html 元素上,这与带有解决方案的帖子不同。我尝试过的解决方案是:
- -webkit-transform: translateZ(0px);
- 位置:静态;
这些取自这篇文章: CSS3 属性 webkit-overflow-scrolling:touch ERROR
这是有问题的网站http://ec2-54-175-36-237.compute-1.amazonaws.com/#/Results
该链接上有一个表格,同样,几乎是特定于 iOS 的。谢谢您的帮助。
javascript - 如何使用 react-bootstrap-table 添加表格页脚?
在最新版本的 react-bootstrap-table (4.1.5) 中,有一个名为TableFooter的 React 组件,我认为它允许您在表格底部添加页脚。
源代码中列出了如何使用它的示例(尽管不在官方站点文档中),但是它似乎不起作用。它的假定用法如下所示:
运行上面的示例时,尝试访问传入的页脚对象上名为“filter”的属性时会出错。这发生在 TableFooter.js中的这一行:
我认为上面引用的过滤器函数应该选择传入的页脚数据对象之一,但我不确定如何定义它。
你应该如何在表格中添加页脚?
reactjs - TypeError:无法读取未定义的反应引导表的属性“减少”
我正在尝试使用 react-bootstrap-table 从对象数组中呈现一个表。这是代码:
当我运行应用程序时,我看到了这个错误:
Uncaught TypeError: Cannot read property 'reduce' of undefined