问题标签 [react-bootstrap-table]

代码：

有了这个，列的整个区域都是可点击的，我只希望文本和人字形是可点击的，我怎样才能做到这一点。

此图像显示整个区域都是可点击的

请帮忙，我被困在这个

这是生成的输出 HTML

Deals.js

我收到这样的错误：

警告：React.createElement：类型不应为 null、未定义、布尔值或数字。它应该是一个字符串（对于 DOM 元素）或一个 ReactClass（对于复合组件）。检查 Deals.

给出的错误是：

不变违规：元素类型无效：预期为字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。检查Deals.

我是 React/Redux 的新手，我不知道如何处理我的问题，所以我决定问你。我正在使用 react-bootstrap-table 在表中显示数据，我可以在其中添加或编辑行。我在编辑行期间出现的问题。单击行时，我正在打开模式，我可以在其中编辑行的所有属性。为了处理更改数据，我正在使用行的所有属性创建新对象，并在保存后将此对象发送到服务器。但是，例如当有人清理输入并按下取消按钮时，模式消失，但数据被清理的单元格是空的。刷新后，单元格有更改前的数据。这就是我的问题，如何处理这个问题？我有该行 ID 的对象，所以我可以从服务器获取旧数据，但我不知道这是个好主意吗？也许你有更好的主意？感谢您的每一个回复。

无法弄清楚为什么我会收到此警告：

“警告：数组或迭代器中的每个子项都应具有唯一的“键”道具。使用 BootstrapTable 检查顶级渲染调用。”

我的代码：

我认为我遇到的问题是将“任何” bootstrapTableRef 投射到 react-bootstrap-table、设置 ref 或导入错误。我无法弄清楚如何启用对导入表的方法的访问。我在 HTMLInputElement 中看到了这一点，但无法让它适用于类型 bootstrapTable。具体来说，这是我要调用的方法：

在 ResultsTables.tsx 我以这种方式引用

然后在下面

我希望能够做到这一点，但得到一个错误，即该方法在类型 ReactInstance/Element 上不存在。我尝试了不同的投射方式，但也无法识别投射类型。

我也尝试过访问这两种方式但没有成功：

我在 Node.js 服务器中运行 Express，它作为我的 React 前端应用程序的后端。

前端应用程序通过 REST 调用从后端（存储在 Mongo 中）获取数据，并将这些数据显示在表格中。数据量每天都在增长，所以我认为我应该考虑减少传输到前端应用程序的数据量，以避免对后端造成不必要的压力。

我不确定这是否是解决此问题的正确方法，但我一直在想我会考虑让后端获取有限数量的条目，以便只有这些数据会显示在前端表中。

搜索出现问题 - 当用户想要搜索表中的数据时，我需要能够搜索所有条目，而不仅仅是加载到表中的数据。

我想一种选择是让搜索功能实际查询 REST API，而不是搜索表本身。

如果我走在正确的轨道上，我想我可以实现 REST API 分页，在https://refactoringfactory.wordpress.com/2012/09/08/pagination-in-node-js-and-中的示例中的某处快递/。欢迎提出其他关于如何实现分页的建议。

我非常希望对我所描述的方法提供一些意见，并建议以更智能的方式实现这一点。

编辑：我稍微更改了标题以包括“无限滚动分页”。这就是我想要实现的。目前我点击页面分页设置，但想将其替换为无限滚动分页。

I use react-bootstrap-table and need the vertical scroll. My code:

This code works fine and I get the auto width resizable table. After that, I added next key:

and got the problem with 100% width, instead of resizing table width I got one more scroll like in the picture below:

How can I fix this?

我遇到的问题是，如果用户单击以编辑单元格，但随后在另一个视图上执行了重新呈现 BootstrapTable 的操作，则该单元格仍保持焦点并保留旧值，直到用户单击表上的其他位置。

我尝试了以下方法：

正如标题所说，我想将搜索栏react-bootstrap-table默认放置在左侧而不是右侧。

可以在这里找到示例，请查看页面底部：

https://allenfang.github.io/react-bootstrap-table/example.html#others

我在文档中看到您可以创建自己的搜索面板和输入，但是当我不想将搜索字段放在左侧时，这似乎是一个很大的解决方法。

http://allenfang.github.io/react-bootstrap-table/custom.html#searchpanel

当前代码：

我想修改搜索react-bootstrap-table multiColumnSearch以要求来自两列或多列的数据，而不是匹配表中的所有数据。

例子：

询问：FAMILY-1 2010

当前结果：

期望的结果：

当前代码：

https://allenfang.github.io/react-bootstrap-table/docs.html#multiColumnSearch

更新：

感谢@FiriceNguyen，我能够解决它。添加了对 distinctlyTyped 的拉取请求，strictSearch以便其他人将来可以使用它。代码：

https://github.com/DefinitelyTyped/DefinitelyTyped/pull/19629