时间戳

首页 > 解决方案 > MUIDataTables - 搜索始终打开

reactjs - MUIDataTables - 搜索始终打开

问题描述

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

我的选择：

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

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

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

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

标签： reactjssearchinputdatatablemui-datatable

解决方案

在撰写本文时（2020 年 8 月 11 日）， MUI-Datatables的“搜索始终打开”功能目前对拉取请求开放，如此处和此处所示。其中一位贡献者建议使用自定义工具栏作为解决方法，这样您就可以拥有一个始终打开的自定义搜索栏。

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

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

推荐阅读