MUIDataTables-搜索始终打开

问题描述

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

我的选择:

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

图标搜索被禁用,搜索输入init打开

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

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

解决方法

截至MUI-Datatableshere为止,截至本文撰写之时(2020年8月11日),here的“搜索始终打开”功能当前已针对拉取请求打开。其中一位撰稿人建议使用custom toolbar作为解决方法,以便您可以使自定义搜索栏始终处于打开状态。

此外,另一种解决方法是始终在搜索栏中添加一些文本-这似乎可以防止其关闭(例如,空格)。而且,它们有一个在关闭搜索栏时会调用的道具,您可能可以在关闭时使用它来执行某些操作。

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