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

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

https://material-ui.com/components/data-grid/columns/#render-header

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

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

【问题讨论】:

    标签: javascript reactjs material-ui


    【解决方案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 中支持我们的应用程序,它可以工作:-)
    • 好的,谢谢。
    猜你喜欢
    • 2021-08-07
    • 1970-01-01
    • 2021-06-17
    • 2021-10-14
    • 2021-07-02
    • 2021-12-11
    • 2018-10-22
    • 2021-06-19
    • 1970-01-01
    相关资源
    最近更新 更多