问题标签 [react-table-v6]

我正在使用反应表 v6。

我有一个标题作为眼睛图标。单击该图标后，我想显示模态。即使我调整窗口大小或至少在不同的浏览器和屏幕上，如何将模式始终显示在此图标下方？

当然有一些值，比如 left 和 right - 也许我应该使用大约。在此眼睛图标附近显示模态的值？

前

在我调整大小后 - 模态上升了

我的列和模态代码 - 我把模态放在图标后面

ISSUE：内部数据DropdownItem未呈现，但所有控制台日志均有效。

在表格列中也存在同样的问题。

PS：我强烈认为这是关于插值和一般反应，而不是反应表

这是我的完整代码

以下是相关的片段。

不确定，我哪里出错了。

落下

表格列

表格的最后一列有一个饼图，下面的代码就是为此。

我发现这篇关于创建 MERN 项目的教程文章https://medium.com/swlh/how-to-create-your-first-mern-mongodb-express-js-react-js-and-node-js-stack-7e8b20463e66 . 一切正常，但我对componentDidMount()MoviesList.jsx 文件中的函数内部代码感到困惑：

为什么我们必须在此代码中设置 isLoading: true this.setState({ isLoading: true })，然后使用此代码将其设置回 false ：

我已经为这个问题苦苦挣扎了将近一个星期。我真的需要帮助来理解这段代码。先感谢您。

首先我通过 npm 命令安装 react-table-6。

之后，我将收到此错误-“”尝试导入错误：“ReactTable”未从“react-table-6”导出”。

我只是从一个虚拟 api 中获取数据并想在表格中显示。提前致谢。

这是代码 -

我找到了这个链接react-table custompagination。它工作完美。但我无法决定页面大小，这意味着我想要显示的任何项目。我也通过编辑现有代码进行了尝试。按照文件新分页中的路径链接，我在其中添加了大小选择。请帮帮我。我希望尺寸变化反映在页面数据上

我在手动重置页面索引时遇到问题

我手动处理来自onPageChange，onPageSizeChange...等的数据更改

当我使用onPageChange存储在高级组件中的页面索引更改页面索引并再次将 ReactTable 作为称为 currentPage 的道具传递时，我需要将 currentPage 重置为 0 ，但剂量有效，因此我添加了componentDidUpdate回调以强制重置页面索引

ReactTable 版本 6.11.5

代码沙盒

https://codesandbox.io/s/set-initial-page-number-in-react-table-jthci?file=/App.js

如果您在第 3 页并按“重置页面”，它应该在第一页

我正在使用单选按钮来选择行。如何禁用多行选择，以便一次只能选择一行？

我正在使用selectedFlatRows，但它允许多行选择。

我正在尝试让 react-table 一次选择一行。我在网上找到了一些能够做到这一点的代码：https ://codesandbox.io/s/stoic-forest-2s48n?file=/src/index.js

在试验这段代码时，我发现如果我<React.StrictMode>从 index.js 中删除，表格会进行多行选择。但是如果我把它加回来，表格会再次进行单行选择。

这种行为令人困惑，因为我认为严格模​​式不应该更改组件。为什么会这样？

如何一次react-table只选择一行？我尝试将我的表格组件包装在严格模式中，但它不起作用。

我正在使用 React-Table-V6 并且无法理解为什么我的数据没有被呈现：

然而，我的桌子没有向我展示任何东西。我不确定现在出了什么问题

我正在尝试在 React Ant 设计表中自定义搜索过滤器，通常 ant 设计允许自定义下拉搜索过滤器，例如。但要求是在类似于Tanner 的 react 表的列下显示永久搜索框，而不是下拉列表。

我试图在列的标题道具中传递一个 ReactNode，但它会产生奇怪的 onClick 副作用。有没有办法自定义标题？