【问题标题】:MUI datatable, Hide search Icon but still show the search barMUI 数据表,隐藏搜索图标但仍显示搜索栏
【发布时间】:2021-06-21 07:04:55
【问题描述】:

我正在使用 MUI 数据表,我的表选项包含

options:{
search: false,
searchOpen: true,
...
}

根据文档“search:false”应该只隐藏图标来切换搜索栏,而 searchOpen 应该默认显示搜索栏。

但目前它会删除搜索栏 AND 图标。

这是一个沙箱,我将搜索设置为禁用,它只禁用图标(但实际上想设置为 false)

https://codesandbox.io/s/vigorous-haslett-40jlf?file=/src/App.js

【问题讨论】:

    标签: reactjs material-ui mui-datatable


    【解决方案1】:

    添加主题并通过以下方式覆盖它:

    createMuiTheme({
    overrides: {
    MUIDataTableToolbar: {
                iconActive: {
                    display: 'none',
                },
            },
    },
    })
    

    iconActive 是搜索按钮

    【讨论】:

      猜你喜欢
      • 2016-04-09
      • 2021-01-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-03-10
      • 1970-01-01
      • 1970-01-01
      • 2011-03-08
      相关资源
      最近更新 更多