问题标签 [react-bootstrap-table]

1. 我使用来自服务器的 ajax 数据（使用 axios）创建 react-bootstrap-table。然后我更改了一个查询参数（this.state.type）并需要从服务器重新加载数据。我需要将新数据设置为状态，如何用新数据重建表？这是我的代码：

2. 如何为列制作过滤器，以便它可以显示两个值之间的间隔（例如，01/04/2017 - 05/04/2017）

我正在尝试react-bootstrap-table通过将 row.id 与数据库中的 item.id 进行比较来有条件地呈现按钮。

我设法通过使用dataFormat道具添加了一个按钮，但是我无法有条件地显示一个按钮

• 我正在使用该表来显示从数据库中获取的组。
• 获取所有组后，我会将它们的 id (row.id) 与数据库中的组进行比较。
• 如果他们匹配我显示Button1
• 如果他们不匹配我显示Button2

我尝试了很多尝试，但我的解决方案没有给我想要的结果

这是我的代码：

• 如果我在数据库中已经有 8 个组，那么 8 个组的按钮应该使用red与其他按钮不同的文本。

• 如果该组不在数据库中，它的按钮应该是blue

  /li>

我尝试的另一个不成功的变体：

react-bootstrap-table 中分页行的默认样式使用引导网格列大小调整类名称（如“col-xs-6”）。我们使用了一个不同大小的网格，而不是默认的（60 而不是 12），所以分页元素最终会被压扁到左边的小列中。

将类名设置为“col-xs-30”可以解决问题。但我没有看到调整任何分页样式的选项。

我看到有一种方法可以完全自定义渲染分页元素。那是我唯一的选择吗？复制原件并仅更改 col 大小？

我想显示来自我的 firebase 数据库的数据以响应引导表。但是，如果刷新后，我无法显示实时数据。

这是我的反应组件代码

这是我的初始化数据库代码

在这方面帮助我，谢谢。

我是 reactjs 和 react bootstrap 表的新手。我想在数据显示之前在我的反应组件中添加反应加载。因为数据显示这么久。但不起作用。

这是我的代码

最良好的祝愿！希望回复。

从这个命令：

正在更新

是指事件还是 RegionsEditor 的道具？

我在以下位置找到了代码： http ://allenfang.github.io/react-bootstrap-table/example.html#celledit 来自第 93 行，在自定义单元编辑下

标签和状态的文本中心与按钮文本的中心不对齐。我正在使用反应引导。图片比文字更能说明问题：

如何对齐中心，我尝试了一个样式表，如：vertical-align with Bootstrap 3中所建议的，但这不适用于 react-bootstrap

此外，条纹行可能会很好地使内容在视觉上保持在一起。表格可以做到这一点，但大多数设计人员说表格是用于数据的，而不是用于这些东西的。

样式表：

JSX：

我需要以编程方式设置元素的高度BootstrapTable（因为我想确保表格将可用空间占用到浏览器窗口的底部）。我尝试height使用 CSS 类设置 div 的CSS 属性（如果我在元素的属性中react-bs-table设置它，那么高度会出现在那里）。看起来像这样：heightBootstrapTable

这种方法的问题是数据行BootstrapTable溢出它的底部边框。似乎此溢出的高度是标题的高度。

小提琴

如何BootstrapTable正确设置 a 的高度（没有数据行溢出元素）？

我对反应很陌生。我刚刚开始遵循说明并尝试使用 create-react-app。创建一个空应用程序后，我尝试添加一个来自react-bootstrap-table的网格。

下面非常简单的代码：

但是，它似乎无法正确加载样式表。

我也尝试过使用：

根据其他帖子的建议，但没有运气。

我犯了什么错误吗？

I am writing a CRUD application using react-bootstrap-table to edit records stored in a database table. The primary key is database generated (an int field that gets an incremented value when inserting the record in the database). The TableHeaderColumn for this field is defined with isKey={true}.

I am having trouble getting the insert dialog to work with this. When hiding the column for insert (hiddenOnInsert), the dialog reports the validation error "id can't be empty value."

I searched for a way to call a function before the insert dialog is opened, to be able to set a dummy value to the key column of the created row, but without luck.

How can I use the insert dialog with key columns that are database generated?