react-table 相关问题

React Table是为React构建的轻量级,快速且可扩展的数据网格。

访问表组件之外的选定行时,Tanstack/React-Table 无限循环

您好,我正在使用 shadcn 表和 tanstack 表,在尝试访问表组件之外的选定行时,出现无限循环错误,还有其他方法吗?除了使用 refs 和

回答 1 投票 0

反应表中特定行的复选框?

从 'react' 导入 React, { Component }; 从'react-redux'导入{连接}; 从 '../Actions/Index' 导入 getSchoolsList; 从“反应表”导入反应表; 导入复选框...

回答 2 投票 0

如何在Tanstack Table中显示图片和链接?

我正在尝试使用 Tanstack 库在表格中显示图像和链接,但无法进入 UI。在名称列中,我想添加链接并希望显示图像。图片正确

回答 1 投票 0

React TanStack v8 中访问子组件中的 API 数据时出错

我使用 TanStack v8 来表示表格数据。以下是我的应用程序(主页)结构。在主页上,我使用 useEffect 从 API 获取数据并将其传递到 EmailTable。 < 我使用 TanStack v8 来表示表格数据。以下是我的应用程序(主页)结构。在主页上,我使用 useEffect 从 API 获取数据并将其传递到 EmailTable。 <Header /> <Statistics /> {emails.length > 0 ? ( <EmailTable emails={emails} isLoading={isLoading} /> ) : ( <Spinner /> )} 在 EmailTable 组件中,我可以访问/记录电子邮件(api 数据)。但是,当我将电子邮件传递给 useReactTable 时,我收到多个错误,例如无法读取未定义的属性(读取“长度”)。 如果我将电子邮件数据存储到某个不同的变量并将该变量传递给 useReactTable,则它工作正常。 这是因为函数参数的类型不匹配。 emails 不在 useReactTable 函数参数的选项中。 useReactTable函数参数的选项可以在这里找到。

回答 1 投票 0

React 子组件不记得刷新时从父组件接收的数据

我正在尝试将数据从父组件传递到呈现表格的子组件。第一次一切正常,但如果我按下刷新,孩子将不再看到数据。任何辅助...

回答 1 投票 0

React-Table:仅选择单行,禁用多行选择

我使用单选按钮来选择行。如何禁用多行选择以便一次只能选择一行? 我正在使用 selectedFlatRows,但它允许多行选择...

回答 4 投票 0

如何在react-table中使用rowspan

知道如何在反应表中使用 rowSpan 。对于下面的示例 usernameFormatter 有多个值。 注意:附件图片是复制的,但这看起来像我想要的 常量列 = [ ...

回答 1 投票 0

如何在打字稿中使用react-table useSortBy

我到处搜索,但找不到一种干净的方法来使用 typescript 的 useSortBy 钩子。 常量{ 获取表属性, 获取TableBodyProps, 行, 准备行, 标头组, } = 我们...

回答 2 投票 0

在顶部粘性 thead > th's 和左侧粘性 tbody> td's 中使用工具提示组件

我有一个使用 @tanstack/react-table 的表格,并使用 ShadCN 表组件进行样式设置,并对粘性功能和 ShadCN 工具提示组件进行了一些调整 我有所有的 Thead (th) 组合...

回答 1 投票 0

我无法在UI中获取React表的页眉和页脚

这是我正在使用的代码。 为了渲染这个表,我使用了 React 表库 这是一个基本表格组件,我在其中渲染表格页眉、正文、页脚 导入 { useMemo } fr...

回答 1 投票 0

Tanstack React-table 无法从单元格函数返回 tsx

刚刚使用 React + Typescript 测试 Tanstack React-Table lib,似乎我无法从 ColumnDef 的单元格函数返回 tsx/jsx: 我在这里错过了什么吗?

回答 1 投票 0

带有过滤器的react-table并在同一个表中选择列

我正在尝试使用react-table 7.5来创建一个带有搜索栏和按行选择功能的表格。 我分别有搜索和选择行的代码,但无法使其一起工作。 这是我的

回答 1 投票 0

如何获取React-Table上的单元格值?

我在React.js中开发,并且使用React-Table。我需要获取特定列中的单元格值。 我已经引用了表组件来访问其内部状态。 但我不知道在哪里...

回答 2 投票 0

React Table 在更新数据时删除 Filters

我正在使用反应表的材料ui厨房水槽示例(https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/material-UI-kitchen-sink) 我的数据经常更新,...

回答 3 投票 0

如何获取react-table过滤/排序数据

我想获取react-table的过滤数据,我找到了一些答案Can't access resolved data in react-table、Accessfiltered data in ReactTable和Error accessingfiltered data in React Table。 但是

回答 3 投票 0

为什么react-table的分页、过滤和排序会在其(react-table)数据发生变化时自动重置?

我使用其 Cell 属性向表列列表中添加了 4 个自定义列;每行中的每一列都包含一个复选框,用于更改表数据状态中的特定属性;它的数据

回答 1 投票 0

为什么react-table的分页、过滤和排序会在其(react-table)数据发生变化时自动重置?

我使用其 Cell 属性向表列列表中添加了 4 个自定义列;每行中的每一列都包含一个复选框,用于更改表数据状态中的特定属性;它的数据

回答 1 投票 0

如何过滤 React Table 对象数组内的值?

我正在使用React Table,最近我遇到了一个问题,无法在我的列数据中搜索嵌套的对象数组!这是我到目前为止的代码。 { 标题:“竞争对手&qu...

回答 2 投票 0

TanStack 表 |如何在 onPaginationChange 中使用 redux 操作而不是示例中的 setPaginationState

使用这个例子 https://tanstack.com/table/v8/docs/examples/react/pagination-control 如果需要,如何使用 https://tanstack.com/table/v8/docs/api/features/pagination#onpaginationchange

回答 2 投票 0

如何在React Table上显示和隐藏某些列?

我创建了一个 React Table。我想通过用户操作隐藏或显示表中的某些列。默认情况下,所有列都应该可见,但我们将有一些复选框来隐藏或显示某些列。

回答 3 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.