想要改变 React Material-UI DataGrid 过滤器菜单弹出的位置

Posted 2023-02-22

【中文标题】想要改变 React Material-UI DataGrid 过滤器菜单弹出的位置

【英文标题】：want to change the position of React Material-UI DataGrid filter menu popup

【发布时间】：2021-06-03 04:11:06

【问题描述】：

我已经在工具栏中使用过滤器实现了 React Material-UI DataGrid。

一旦过滤器菜单/弹出窗口打开，它将覆盖网格/表格的前几行，我希望此弹出窗口从顶部开始而不是底部开始。

有什么方法可以实现吗？

【参考方案1】：

检查此过滤器元素的属性后，它是div 和tooltip 角色。因此，我们可以创建一个css文件并修改具有tooltip角色的div的顶部位置，如下所示：

div[role="tooltip"] 
  top: -60px !important;

Sandbox

由于 MUI 文档中没有针对此问题提供任何选项，我认为这将是最好的解决方法。

【讨论】：

是的，它正在工作。感谢您的工作，但正在通过 MUI 道具寻找修复，但它现在可以工作