材质 UI Datagrid/XGrid renderHeader答案

【问题标题】：Material UI Datagrid/XGrid renderHeader材质 UI Datagrid/XGrid renderHeader
【发布时间】：2021-05-30 15:15:20
【问题描述】：

Material UI 中有一节关于 datagrid 和 Xgrid 组件中的 renderHeader

它公平地描述了如何在标题中添加额外的内容，但是如果我需要在那里添加过滤器组件怎么办，让我们说下拉菜单。有什么方法可以防止Default() xhr 请求？

我在那里实现了排序，我想保留它，但是从中省略过滤器组件，这可能吗？

【问题讨论】：

【解决方案1】：

刚刚发现，输入没有默认操作。所以没有什么可以阻止的，而是 event.stopPropagation() 为我完成了这项工作，所以现在输入的行为完全符合我的意愿，并且周围的元素仍然具有排序能力。

【讨论】：

你能分享一下代码吗？我也面临同样的问题
@JabalLogian 嘿，这是我在 github 上与 MUI 开发人员讨论它的整个线程，我找到了解决方案 :-) github.com/mui-org/material-ui-x/issues/1915 线程不是那么长，所以你可以通过阅读，但是由于他们发布了 mui 5 和新的 Datagrid 生产版本的解决方案，将尝试在我们的代码中找到答案
@JabalLogian TLDR：codesandbox.io/s/material-demo-forked-bgyj7?file=/demo.tsx 只是要注意代码在我最新的 Firefox 中不起作用。我们决定只在 chrome 中支持我们的应用程序，它可以工作:-)
好的，谢谢。