【问题标题】:MUIDataTables - Search always openMUIDataTables - 搜索始终打开
【发布时间】:2020-12-01 17:37:53
【问题描述】:

我在反应中使用这个库https://github.com/gregnb/mui-datatables

我的选择:

const options = {
    customSearchRender: debounceSearchRender(500),
    searchOpen: true,
    // disable search icon
    search: false,
}

图标搜索被禁用,搜索输入初始化打开

但是当我点击 viewColumns 图标时,搜索输入会关闭

如何防止搜索输入永远关闭?

【问题讨论】:

    标签: reactjs search input datatable mui-datatable


    【解决方案1】:

    截至撰写本文时(2020 年 8 月 11 日),MUI-Datatables 的“搜索始终打开”功能目前对拉取请求开放,如 herehere 所示。其中一位贡献者建议使用custom toolbar 作为解决方法,这样您就可以拥有一个始终打开的自定义搜索栏。

    此外,另一种解决方法是始终在搜索栏中包含一些文本 - 这似乎可以防止其关闭(例如,空白)。此外,它们有一个在搜索栏关闭时调用的道具,您可能可以在它关闭时使用它来做一些事情。

    onSearchClose: ()=>{
      //some logic
    }
    

    【讨论】:

    • 您还可以使用“onSearchOpen”再次切换搜索
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-19
    • 1970-01-01
    • 1970-01-01
    • 2017-03-14
    • 2014-10-01
    相关资源
    最近更新 更多