问题标签 [react-bootstrap-table]

我正在使用react-bootstrap-table启用cellEdit。react-bootstrap-table可以在编辑单元格后使用回调函数。我已经命名了回调函数onAfterSaveCell。表中更新的行将保存到名为 的变量row中。我想发送给一个被称为接受作为输入row的动作创建者。我的代码看起来像这样。pushDatarow

当我运行代码时出现错误Uncaught TypeError: Cannot read property 'props' of undefined。我认为这是因为props在class Feature. 我试图移入onAfterSaveCell函数并移入cellEditProp，class Feature但这给了我一个编译错误。我怎样才能props在外部访问，class Feature或者应该以其他方式解决这个问题？

React Bootstrap Table 文档提供了如何选择行的示例。

但是，我没有看到任何提及如何在锚标记（或单击处理程序）中包装一行，以便当用户单击表格行时，他们会被重定向到新的 url。

我该怎么做呢？谢谢！

此外，我看到在一个中onRowSelect，你可以做一个window.location = ______.

但是，mode: 单选框/复选框是必需的，这意味着该表将具有带有单选框/复选框的附加列。对于这个用例（只是在点击时重定向）感觉是多余的。

我正在尝试使 Grid 中的div单元react-bootstrap格自动具有相等的 width 和 height。这些单元格的内容大小会有所不同，整个网格的宽度也会有所不同。目标是使其响应并独立于单元格内容的大小。

另外，我正在考虑为 React 使用像 FlexBox 布局这样现代的东西来实现这一点（如果存在的话）。我以前使用过 FlexBox，我知道它可能是实现这种布局的最佳选择。

How do I show the number of rows in a table using react bootstrap table.

Additionally, I am using the search parameter to filter the table, so would like the number of rows to update as the table data is filtered.

您好我正在使用 react-bootstrap-table 模块在我的页面中显示一些数据，我想使用搜索功能按特定列过滤结果。这是我的渲染功能的片段：

OS 和 Battery Condition 字段是嵌套值，如下所示：

（示例数据）

我使用 dataFormat 属性在这些列中显示我需要的信息。我还希望能够通过以下列进行搜索：型号、操作系统和电池状况。当我按模型搜索时一切正常，但每当我尝试按嵌套字段过滤时，它不会产生任何结果。谁能帮我吗？谢谢！

你好我想知道这里是否有人知道如何做这样的事情：

在 react-bootstrap-table onRowClick 函数中：

编辑

有没有办法做这样的事情：

里面：

我不太确定如何处理对象属性中的事件。

您好，我正在将 bootstrap-table 用于 Web 应用程序，当单击表行时，我需要转换到另一个 url。“行点击”事件是通过一个名为 onRowClick 的对象属性处理的，您可以在其中为其分配一个函数，该函数将行数据作为参数。

onRowClick : 函数

分配一个回调函数，该函数将在单击行后调用。此函数采用一个参数： row 是您单击的行数据。

我想要做的是调用这样的函数：

里面：

我一直在尝试这样做：

但它不起作用，如果它是一个简单的修复，我很抱歉，但我只是不知道如何处理 onRowClick 属性中的事件。任何帮助表示赞赏，谢谢！

编辑

忘了提及“它不起作用”的意思，我收到以下警告：

点击时没有任何反应。

我有一个来自反应引导表http://allenfang.github.io/react-bootstrap-table/start.html的数据网格。我想从外部 json 文件中获取数据。我已经尝试过了，但在我的表中没有数据。我哪里做错了？

C

这是我的 json 文件：

我是尝试反应的新蜜蜂，react-bootstrap-table，我按照示例代码进行操作，但无法以样式呈现表格。在我的表类中，我正在导入引导 css

检查元素显示头部标签呈现 css，但我的表格仍然没有格式化，，在 github github 项目中创建了这个项目 ，请指教缺少什么。要运行 porject git clone，请 npm install npm start。

我有一个项目使用 ReactJS 作为前端和 Firebase 实时数据库。react-bootstrap-table 用于数据列表。对数字字段进行排序无法正常工作。我找不到任何 API/插件来强制更改这些字段的数据类型。

默认排序方式：价格 - desc

排序方式：容量 - desc

项目的 JSON 结构