【问题标题】:want to change the position of React Material-UI DataGrid filter menu popup想要改变 React Material-UI DataGrid 过滤器菜单弹出的位置
【发布时间】:2021-06-03 04:11:06
【问题描述】:

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

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

有什么方法可以实现吗?

【问题讨论】:

    标签: reactjs material-ui


    【解决方案1】:

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

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

    Sandbox

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

    【讨论】:

    • 是的,它正在工作。感谢您的工作,但正在通过 MUI 道具寻找修复,但它现在可以工作
    猜你喜欢
    • 2020-03-12
    • 1970-01-01
    • 2021-07-17
    • 1970-01-01
    • 2021-11-20
    • 1970-01-01
    • 2016-11-08
    • 2019-07-26
    • 1970-01-01
    相关资源
    最近更新 更多