问题标签 [react-bootstrap-table]

我正在使用 react-bootstrap-table 组件，并希望通过单击另一个组件中的按钮以编程方式过滤列。

我遵循了react-bootstrap-table 示例列表中的Programmatically Select Filter示例，但没有设法对其进行调整，因此来自其他组件的按钮可以控制过滤器。

当我this.refs.nameCol.applyFilter(1);点击点击时，我收到以下错误消息：

未捕获的类型错误：无法读取未定义的属性“applyFilter”

主要问题是：解决这个问题的最佳方法是什么？

此处测试示例：

非常感谢您的帮助！

==================================================== ======================

更新

在@SatyaDash 的帮助下，这个问题得到了解决。

更新小提琴：https ://jsfiddle.net/0ydcgy9g/

对于那些感兴趣的人，我还应用这种方法以编程方式过滤列，此时从另一个组件的下拉列表中选择一个选项。

小提琴：https ://jsfiddle.net/d1qhfm50/5/

希望这可以帮助。

我正在调用我的休息端点来获取数据，我可以看到这些数据已成功获取并存储在状态中。但是，该表未显示任何数据。理想情况下，我希望它能够工作，以便在状态更改时表自动刷新。

我怎样才能使这一行？

在我的组件render方法中WorkbookList，我有

当我加载组件时：

但这给了我一个错误：

那么如何有条件地显示一列？

我的桌子是：

并且this.skillsFormatter是：

但我希望标签换行而不是这样：

我怎样才能做到这一点？

我使用带有 babel 和 react js 的节点 js 服务器构建 Web 应用程序。

在某些页面中，我使用 react-bootstrap-table 标记来创建包含内置数据过滤器的表（如下所示），我有两个主要问题：1.标题与数据列未对齐 -引导表标签转换成 2 个 html 表标签，这是我认为首先导致问题的原因。我已经阅读了一些关于这个问题的帖子，它应该在 2.0.0 版中得到修复，我使用的是 2.9.0 版

2. 我对某些列使用内置过滤器，这会生成 2 个输入滚动条，它们应该在列标题中彼此相邻出现，但在另一个下方显示一个。我再次尝试环顾四周，但没有找到有用的东西。

我添加了呈现的 html 的源代码和显示表格的屏幕截图（我提前抱歉，但图像中的文本主要是希伯来语，但得到这个想法并不重要）

我正在考虑在我的项目中使用React-Bootstrap-Table模块。我想将它包装在一个名为 Table 的 React 组件中，该组件将简单地公开 react-bootstrap-module，但还会引入默认样式表和自定义样式表。包装器组件将存在于一个通用的 UI-Kit 中，因此以这种方式封装它将更容易在其他项目中使用，并防止与 css 等不一致。

在名为 Table 的文件夹中，我有以下 @richsilv 建议

index.js

表.js

然后我试图将它导入到另一个组件中......

这给了我以下错误

ExportCSVTable 是我试图将 Table 导入的组件。

奇怪的是，如果我这样做

表格将毫无问题地呈现。唯一的问题是它无法进行 linting，因为 Table 已定义但从未使用过，并且任何引导表组件都已使用但从未定义过。另外，我不能像往常那样解构 Table，这很烦人！

希望这是对我包装模块的方式的简单改变，但任何帮助都会得到很大的帮助。

更新

实施@richsilv 建议后引发错误

我正在使用React Bootstrap table. 当我在列表中添加一个项目时，我使用local storage来保存这样的数据：

现在，我想用 cellEdit 编辑引导表单元格上的数据：

所以，首先我有一个错误：

这是未定义的。

然后，我不知道这是否是解决方案，因为它不起作用。在这方面帮助我，谢谢。

我有一个带有字段的表格。当我提交此表单时，我会使用字段值完成我的引导表

我想为每一行调用这个表单，并通过表单上的表格获取值来编辑它。

我称表单为空，没有值。如何通过引用调用具有值的表单？

此属性 onDocumentSelected 调用表单。我怎样才能用列表的值来调用这个表单？谢谢

我在 React.js 中开发，我正在使用 React-Bootstrap-Table。我需要在特定列上获取单元格值。

是否可以在列上获取单元格值？

谢谢