问题标签 [react-data-table-component]

有没有人能够让 react-dnd 与https://github.com/jbetancur/react-data-table-component或https://github.com/atlassian/react-beautiful-dnd一起工作？

试图看看如何让他们互相交谈，但没有找到任何例子或任何可以为我指明正确方向的东西。感谢任何帮助！

我正在使用 React Data Table Component 来显示表格数据——效果很好！

我有一个 lastLogin 时间的行字段，它作为模型存储在 MongoDB 中，如下所示：

我的数据表组件如下所示：

当我尝试立即渲染日期时使用列，它工作正常：

将导致：

• 第 1 行：2021-11-17T01:16:55.093Z
• 第 2 行：（空）

但是，当用时刻格式化时，它似乎正在获取以前的记录结果。

将导致：

• 第 1 行：2021 年 1 月 1 日 12:00 AM
• 第 2 行：2021 年 11 月 17 日下午 1:15

在我的 React 项目中，我试图输出一个表（使用react-data-table-component）。

所以这是我的代码：

我data是一个具有不同对象的 JSON 数组，我Object.key用来仅获取第一个对象的键，将它们用作表中列的名称。

它不起作用，因为keys输出是Objectlike: {'ID','NAME','AGE',...}而不是DataTable需要用于 的数组columns={keys}，例如：

所以最后，在React我不知道如何做这样的事情：

如何编辑我的数组以将其用作组件中的值？

嗨，我是 React js 的新手。我需要从excel中的列表（数据表）中导出数据。我已经安装了react数据组件npm包，xlsx包，react数据导出包。我在下面给出了示例代码。单击导出按钮时，不会下载数据。

这是我从谷歌得到的代码。我在我的项目中调用了相同的代码。但它正在工作。哪些库最适合在 excel 中导出数据（React Js.

这是第一次在 ReactJS 中使用 Datatable，在我的 API 中我有带有子行的列，我不知道该怎么做。并且没有可用的示例。如果有人可以帮助我提供一些建议，我将不胜感激。谢谢！

这是我到目前为止所做的：

这是它在 API 中的样子：

大家好，我正在使用 React-Data-Table 组件来显示数据。我的反应数据表工作正常。但是，我需要设置分页选项 [All, 50,100,150]。在 React-data-table 组件中提供了“paginationRowsPerPageOptions”属性来设置分页下拉列表的值。我在我的项目中设置了 paginationRowsPerPageOptions[50,100,150]。它工作正常。当我从分页下拉列表中选择 100 值时，将显示 100 条记录。但是，我的目标是最初，我需要在我的分页下拉列表中添加“全部”字符串，当我从分页中选择“全部”下拉列表时，所有记录都需要显示在我的数据表中。我该怎么做？我在代码沙箱链接中附加了示例代码。

我正在使用 React-Data-Table 组件。

反应数据表：

链接：https ://codesandbox.io/embed/react-data-table-sandbox-ccyuu

我已经在我的 DataTable 组件中添加了“paginationComponentOptions={{ selectAllRowsItem: true, selectAllRowsItemText: 'ALL' }}”。但是，它在我的下拉列表中添加为最后一个值。我需要添加“ALL”值初始条件。

截屏：

大家好，我需要按名称对数据进行分组。可以在 react-data-table 组件中对行进行分组。

像这样：

当我添加和导出 react-data-table-component 时，我收到以下错误：元素类型无效：预期字符串（用于内置组件）或类/函数/...您可能忘记导出组件。

我的代码：

然后我将它导入到另一个 rmodule 中，如下所示：

当我删除数据表时，它可以与常规视图组件一起正常工作。知道我做错了什么吗？

我正在使用 react-data-table-component 数据将从 API（具有 10k+ 记录）中获取。

// 数据表

现在这个函数工作正常，问题是 api 有 10k+ 条记录，页面正在加载，直到它完成 while 循环。

而不是这个，我只想加载前 30 或 50 个，然后在下一个分页上我想加载下一个响应。

如何才能做到这一点 ？

阅读文档，React Data Table似乎有一种方法可以将额外的道具传递给expandableRowsComponent.

这是从文档中复制粘贴的：

expandableComponentProps

expandableComponentProps 允许您将额外的道具传递给您的扩展器组件并防止 TypeScript 抱怨：

我清楚地理解了上述内容。

但是，这ExpandableRowComponent是作为参数传递给DataTable组件的。它本身不被称为 React 组件，因此我不清楚如何传递附加的 prop someTitleProp。

我已经尝试了一些东西，但到目前为止，我得到的只是错误，或者在 ExpandedComponent 中未定义 someTitleProp。

如何传递someTitleProp给 ExpandedComponent？