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

我正在使用带有服务器端分页过滤和排序的 react-data-table 组件，一切正常，但我收到这些警告，我无法理解如何解决，我正在寻找解决方案，但我只找到了关于在函数之外声明样式组件，但问题是使用样式组件的不是我，而是使用它的 react-data-table。这是我收到的警告：

我是反应和反应数据表的新手。

我正在使用 react-data-table-component 库来构建表格。我的一张桌子有一个很长的标题，我想把它包装起来。我在浏览器控制台中尝试了多个 CSS 属性，发现 width:"fit-content" 产生了我想要的结果。

我正在将自定义样式传递给我的 react-data-table，通过它我们可以根据自己的意愿设置标题样式。

在上面的代码片段中，除了 width 属性之外，其余的 CSS 属性都可以正常工作。

我得到了什么与我想要的

我错过了什么以及为什么 width 属性不起作用？

对于这里的 React 大神，我想知道我的代码是否可以改进。

目标是添加/更新嵌套在对象中的对象数组。

这是主要对象：

所有值parents都来自常规值form，更新它们没有问题。

对于parents数组，我有一个由 onChange 在输入字段上触发的函数，该函数接收event来自表的 和 的row对象react-data-table-component。

添加到parents数组中的对象如下：

我需要做的是：

• 如果它不在父数组中，则添加该对象+字段值。
• 如果对象已经在父数组中，则更新它

到目前为止，我所拥有的是：

我让事情变得复杂了吗？有没有办法用一个来做到这一点setProductData()？

感谢您的反馈意见。

这里 useVideos() 给我们所有的视频表单数据库。添加新视频后，新条目不会附加到 Material UI 表中，但如果我刷新页面，则它会显示该新条目。现在我想在添加操作后显示这个新条目。请帮助我做到这一点！提前致谢。

我用显示用户数据的 react-data-table-component 构建了一个表。当我单击右侧的一行时，会显示一个组件，我们可以在其中查看有关用户的更多信息。我想更改单击行的背景颜色并保持不变，直到单击另一行。如何使用 react-data-table-component 实现它？我已经使用包提供的 conditionRowStyles 进行了尝试，但是每一行的样式都会发生变化。我想只更改我单击我正在使用的包的行的 bg：https ://www.npmjs.com/package/react-data-table-component

我正在使用 react-data-table-component 库从 API 获取数据并将其显示在数据表中。我有一个自定义日期过滤器选项，我可以在其中更新数据表的数据数组。我需要在更新数据时单独刷新数据表部分。

在这里，filteredItems 值我可以在按钮单击时更新，但我需要在数据表上显示更新的数据。我无法刷新页面，因为它将从 API 获取新数据。

以上是获取数据和添加过滤条件的代码。

在此处处理日期范围搜索。我需要将搜索结果推送到数据表。

我在我的 Reactjs 应用程序中使用了react-data-table-component 。在我的自定义列中，我使用锚标签作为按钮，并为此使用羽毛图标。问题是图标没有显示。有时它会在我单击页面上的任何其他链接时显示。我正在 useEffect 挂钩中启动羽毛图标。我怎样才能解决这个问题？

我正在使用“react-data-table-component”库在数据表中显示来自 API 的数据。

我已经实现了过滤和排序的功能。现在我需要在每列顶部的下拉列表中根据该列中的值进行过滤。参考附图。要求是在每列的顶部有一个这样的下拉列表。选择一个选项后，它应该根据该选项过滤数据表。

数据表代码，

是否可以设置标题的样式react-data-table-component？我试过这个

但它样式化了该标题下的所有单元格，而不是标题本身。

如果有我研究此组件 API 的文档，请告诉我。

我一直在寻找几天来解决这个问题的好方法

我在 react-data-table-component 包中设计和结构化列，我想在顶部添加滚动条。默认情况下，该包支持底部的水平滚动条。但现在我也想在上面添加。我已经尝试过了：[带有 css 和 jquery 的滚动条][1]。但它也不起作用还尝试了[带有 css 和 jquery 的滚动条][2] 我还尝试了在 react 中添加双滚动条的包，但它也不起作用：https://www.npmjs.com/package/react -shadowed-double-scrollbar https://npm.io/package/react-double-scrollbar 这是我的组件：

对于具有可变宽度内容的第二个滚动条有什么好的解决方案吗？欢迎使用 JQuery/Javascript 解决方案。