问题标签 [mui-datatable]

我在我的 React 项目中使用 MUIDataTable。我只想通过向表格添加边框来对列进行分组。请在下面找到我正在使用的代码。

这没有按预期工作。要么边框高度不合适，要么表格行中没有数据，根本没有边框。我还希望边框出现在表格标题上。

我附上了输出的快照以供参考。 输出图像

有没有办法来解决这个问题？

我正在这样做，但 onRowClick 不起作用

是否有任何选项可以隐藏检查并获取行数据

升级到最新版本的 mui-datatables (3.5.0) 后......这在访问列数据时不再有效。ruleName 返回数据，但 availabilityMatchCriteria.fareTypeCode 不返回。我怎样才能访问这些数据？

当在 a 中正确使用显示customBodyRender的值时，如果我选择返回，例如它将给出正确的 id。但是，如果我尝试在 onClick 事件中使用该值，则将始终显示最后一行的数据。（见代码框）tableMetaconsole.log()<span>{tableMeta.rowData[0]}</span>tableMeta

我在西班牙语堆栈溢出中遇到了这个问题，但我找不到任何解决方案。我很好奇是否有办法解决这个问题？

Codesandbox：https ://codesandbox.io/s/wonderful-mclaren-ivvlq?file=/src/App.js

我有以下使用 React 引导模式和 MUI 数据表组件的 Nextjs 页面：

bootsrap 模式工作正常并打开 onRowClick，我还可以在单​​击某一行时将 rowData 控制台记录在函数中：

当单击某行时，我想相应地将此 rowData 传递给引导模式。

我知道我应该使用映射，因为它是一个 JSON 对象

但是如何将其集成到我当前的系统中？我得到关于 rowData is not a function 的错误。

I need to override the default black text color when sorting a column, I'm not sure how to do it. The closest I got was to change the arrow icon color using the snippet below.

Does anyone have an idea how can I change the text color too? :)

信息

我有一个使用 React、Redux 和MUI-Datatables的项目。这个项目的简单演示可以在这个CodeSandbox中找到。

在这个应用程序中，有两个主要组件，一个地图和一个数据表。两者通过 redux 进行通信，因此当在表格中选择一行时，地图中的相应圆圈会突出显示，反之亦然。

问题

我的问题是表格上的不确定切换 selectAll 复选框。当用户选择了一行然后应用过滤器时，selectAll 复选框显示“-”不确定符号，但单击它时没有任何反应。

重建步骤：

• 用户选择表中的第一行 circle1。
• 用户在表格的右上角打开过滤器对话框。
• 从过滤器对话框的标记下拉菜单中，用户选择 circle3 作为过滤器值。
• 用户关闭过滤器对话框
• 用户单击选择行列顶部的全选复选框。它将显示“-”符号。
• 请注意，没有任何变化。没有选择或取消选择任何行。

期望的行为：

当用户在表中选择了一行然后应用过滤器时，selectAll 复选框仍应在第一次单击时选择所有可见行，并在第二次单击时取消选择所有行，与通常方式相同。

代码

直播： CodeSandbox

表组件：

选择过滤数据外的一行时，如何使Selectall复选框正常工作？

我实现了一个 MUI-DATABLE，我想设置它的样式，但我不知道怎么做。

我想要的样式是当您使用过滤器时出现的气泡，并且根据屏幕截图在表格顶部是灰色的，我希望能够使用我的设计来设置它们的样式

我正在尝试从 mui 数据表外部设置一个过滤器。我想从表外的操作中传递过滤器的值。例如，单击具有预设过滤器的按钮。是否有 api 来获取外部事件并更改表的过滤器状态？

我正在尝试根据状态条件显示或隐藏 MUI 数据表中的列。我在这里放了一个适用 于 CodeSandBox的示例

在此示例中，如果您在真假之间调整第 14 行，您将看到显示或隐藏一列。距离列。

我试图在我的代码中达到同样的行为，但它不起作用，我不知道为什么： 链接到代码

我添加了一个链接，因为我不知道出了什么问题，但我尝试了与在 CodeSandBox 中相同的方式：

codeSandbox 中的数据表示类似于此处包含两个键/值的 OBJ

我的数据和状态和功能是显示（）

我的专栏

在我的情况下，即使 usingLocation 为真，距离列也不会显示。

我真的不明白我做错了什么。