问题标签 [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 回答
261 浏览

react-bootstrap-table - react-bootstrap-table:insertModalBody 不适合我

我的代码(按照示例):

删除了一些代码。+new单击按钮时,显示默认表单而不是我的自定义表单。有任何想法吗?谢谢

0 投票
1 回答
2366 浏览

reactjs - 用列中的 group by 反应数据网格

我正在寻找 reactjs 的完整功能(如编辑、删除、插入、按列分组、分页等)数据网格。搜索后我发现 react-bootstrap-table ( http://allenfang.github.io/react-bootstrap-table/index.html ) 它具有我想要的所有功能,除了按列分组。是否有任何其他反应数据网格或任何机构知道我如何在反应引导表中添加分组?

0 投票
2 回答
819 浏览

reactjs - someFunction = (onClick) => { 的 Javascript/Babel React 语法

我目前在我的项目中使用 React 和 react-bootstrap-tables,文档指示我使用以下方法:

但是,我收到了一个意外的令牌错误:

我不熟悉这种语法,每次我尝试用谷歌搜索它时,查询似乎都忽略了“=>”部分,所以我不确定如何调用这种类型的函数。我正在使用 webpack 编译反应前端资产,我的 webpack 文件可能有问题吗?

这是完整的 CyhyTable JSX:

0 投票
1 回答
356 浏览

reactjs - React-优雅地切换状态可见性

我目前正在尝试将我自己的列选择器集成到 flask-bootstrap-table 3.0-beta2 包中。我在问题部分的 github 上找到了一个示例,如下所示:

但是,这只会显示/隐藏 ID 列,并且其他值的复选框被选中的值卡住,单击时,仅选中/取消选中并隐藏/显示 id 列

我正在尝试使用计算变量制定解决方案,并且我已经制作了以下内容:

这正确地隐藏了列,但显然不会取消隐藏它们。如何切换!this.state.hiddenColumns.givenCol?

是否有我没有看到的更清洁的解决方案?

0 投票
1 回答
1428 浏览

reactjs - React Bootstrap表:在表列之一上使用dataFormat时无法更新复选框值

我正在使用反应引导表并将“状态”作为表中的列之一。此列使用 dataFormat 标记进行格式化,我编写了一个函数来显示渲染复选框。像这样的东西:

现在我想更新复选框的值。但我认为 statusFormatter 作为一个函数并没有为我提供更新复选框值的句柄。

这是我的函数代码:

我收到以下错误:无法读取未定义的属性“绑定”

任何人都可以指导我如何更新复选框值并将操作发送到服务器。

0 投票
1 回答
9108 浏览

javascript - 如何使用 bootstrap 或 js 创建动态数据表?

我想在我的引导模板(服务区)中添加一个数据表,该表必须具有像这样的动态行添加、编辑和搜索功能。在此处输入图像描述

我希望在我的模板服务区域中使用它。

我怎样才能做到这一点 ? 这是我的模板

0 投票
1 回答
1027 浏览

javascript - 在不使用jquery的情况下点击获取引导表的行索引

我的反应项目中有一个引导表。我想获取我单击的行的索引。我想做这样的事情 onclick = {this.handleClick} 并且在 handleClick 函数中我想获取行的索引。有没有可能做到。大多数可用的解决方案都使用 jquery 显示所有内容,我不想使用 Jquery。我只想使用javascript来做到这一点。这是我的桌子

0 投票
1 回答
1596 浏览

twitter-bootstrap - ReactJS pagination error "Cannot read property 'slice' of undefined"

I am using above code to create a table with react bootstrap and want to implement pagination on the table but i am getting the following error.Kindly let me know if any solution:

0 投票
2 回答
7476 浏览

react-bootstrap-table - 将行号列添加到表中

我正在尝试做一些简单的事情:在列上显示行号react-bootstrap-table。问题是似乎唯一可行的方法是添加一个带有索引的数据字段,如果打开排序,这些索引会被打乱。

理想情况下,会有一种方法可以做到这一点,但我似乎找不到任何方法。

0 投票
1 回答
1190 浏览

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

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

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

选择行。.Col1Col2 Col3 -del行

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