问题标签 [mui-datatable]

我在 React 中构建了一个具有默认过滤器的 Mui 数据表。当我按下重置时，过滤器下拉菜单中的过滤器将消失。

我需要的是，当我按下重置时，我应该回到我的默认过滤器，而不是像现在这样完全没有过滤器。

我不知道如何覆盖重置功能以制作我自己的或重置为我的自定义过滤器作为初始状态。

我的初始状态应该在状态列和国家列上应用过滤器，因为您在下面看到我的代码现在看起来如何。

根据我的要求，我应该在哪里或如何进行重置。

我的选项现在看起来像这样：

列：

我正在使用 React 中的 MUI 数据表 ( https://github.com/gregnb/mui-datatables ) 并希望将列道具传递给特定列

MUI 数据表通过以下方式接受列道具（选项）：

但是，当我通过 API 调用检索数据时，我不想具体说明项目中的每个列条目。

如何将特定的列道具传递给某些列？

即只传递options: {display: false}到“城市”和“州”列？

我正在努力更改.MuiDataGrid-windowin MatierialUi的 css DataGrid。因此，我遵循https://material-ui.com/api/data-grid/中的 css 规则

我在 createMuiTheme 中尝试了它，它工作正常，但不适用于窗口。我还尝试了很多不同的组合，例如 MuiDataGrid-window 或仅直接在覆盖下的“MuiDataGrid-window”，但没有任何效果..

下一个尝试是一个styledDataGrid 组件，它也没有成功。两者都没有工作。样式化的组件将是我的首选方式！

也许我完全走错了路。但是如何在 MUI 的 API 中设置 CSS 属性的样式，例如 .MuiDataGrid-mainGridContainer、.MuiDataGrid-overlay、.MuiDataGrid-columnsContainer、.MuiDataGrid-colCellWrapper 等。

非常感谢，也许它对其他人有帮助:)

我正在我的项目中实现 x-grid，当单击 3 点时没有显示 ColumnMenu：单击 3 点时不显示弹出窗口

根据文档，ColumnMenu 的默认行为似乎出现在单击事件上。

该事件被触发，因为我能够在console.log. 这让我想知道 x-grid 是否不满足依赖关系。但是我有最新版本的 x-grid 和非常新版本的核心包。下面是我的 yarn.lock 的一个片段：

我的项目目前正在运行react & react-dom v.16.13.1，它满足 @material-ui/core 的最低要求

这就是我的 x-grid 目前的样子：

我尝试将components道具中的 ColumnMenu 手动设置为默认值GridColumnMenu，但我没有运气。我还尝试删除我的所有修改并尝试使其与仅提供的columnsandrows道具一起使用，但这也不起作用。

此外，当我使用默认值时Toolbar，会出现图标，但是单击时它们也不会显示面板。

有没有其他人经历过这个？这是一个依赖问题吗？

提前感谢您的帮助！我一直在到处寻找答案。

我从 React 开始，这个问题让我睡不着觉。

据我了解，状态（this.state）只能在创建它的组件中访问，但在我的项目中这并没有发生。子组件能够识别对父组件的状态所做的更改，这减慢了我的应用程序，让我尝试用代码更好地解释它：

在父组件中，我呈现页面标题，这是一个用于添加新记录的模式，并包含负责组装数据表的子组件（由 MUI-Datatable 提供并通过 API 加载数据）：

https://github.com/gregnb/mui-datatables

父组件：

子组件

发生什么了：

每次在父组件中改变状态，比如输入TextField并改变this.state.formData.name属性，或者点击按钮打开modal（改变this.state.dialog）的onTableChange函数MUI Datatables 被触发并在我的表中生成一个处理，我意识到这一点是因为我放了一个 console.log() 来通知这一点：

（摘自触发console.log的代码）

这让我很不安，因为 MUI-Datatable 知道它已经改变了 this.state 中的某些内容并进行了非常繁重的处理，甚至将输入的处理留在了延迟输入中。

知道会发生什么吗？

我想将过滤请求中的自定义过滤器字符串/json发送到服务器。但无法找到实现这一目标的方法

下面是添加到过滤器对话框的过滤器页脚

并使用以下功能网格选项功能

其中过滤是一个用空对象初始化的对象。但问题是在调用 onFilterChange 之前调用了 handleFilterSubmit 。所以问题是是否有任何其他功能可用，或者有什么方法可以创建我的过滤对象。

这是我的代码，如何使用 componentDidMount() 将数据推送到 data={data} 的 MuiDataTable 中。我已经可以从我的用户集合中获取数据，但是，我对 mui 数据表了解如何将它传递到那里。这是一个 mui 数据表 -

我正在尝试在页脚中设置分页工具栏的样式，但它似乎采用了页眉工具栏的样式。我希望分页工具栏背景为白色和黑色文本，但这就是我得到的。我哪里错了，我该如何解决？

React 新手...我正在尝试将 Mui-Datatable tableState 设置并保存在 React 函数中。当我使用以下代码时，我收到以下错误：

错误：超过最大更新深度。当组件在 componentWillUpdate 或 componentDidUpdate 中重复调用 setState 时，可能会发生这种情况。

如何修复我的代码，以免发生这种情况？我将它从一个类转换为一个函数，所以我可以使用一个钩子。

使用类的 Mui-Datatable 示例：https ://codesandbox.io/s/github/gregnb/mui-datatables?file=/examples/on-table-init/index.js

Mui-Datatable 示例代码：

这就是每次我单击 muidatatable 时错误所说的内容。有什么办法可以解决这个问题吗？如果不修复，会不会在我要部署项目时引起一些未来的问题？

这是我的代码：