Is it possible to remove the 'x' option on header filters in react tabulator columns?
The issue arises when users click the 'X' to clear a filter, as expected. However, if they then try to click on the same filter for another list item, the list fails to load.
If users simply click on the list items without using the 'X', everything works fine.
Column:
{
title: 'Column',
field: 'Column',
headerFilter: 'select',
headerFilterParams: {
values: true,
sortValuesList: 'asc',
},
width: 125,
}
I have tried including CSS code to remove the delete option for all input search types on the overall page, but I am specifically interested in changing it for a specific header only.
`input[type='search']::-ms-clear {display: none;
width: 0;
height: 0;
}
input[type='search']::-ms-reveal {display: none;
width: 0;
height: 0;
}
input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-results-button,input[type='search']::-webkit-search-results-decoration {display: none;`
I have also attempted to use the built-in titleFormatter with Tabulator, but so far I have not been able to get it working properly.