How can I set the single filter

[hobbitwu]

How can I set the single filter like this. The most simple one.
I try to set "include" with only the [contains] ,but it always get the selection with [None, contains]
How can I set only input without the selection?

[m2a2x]

Hi, the easiest way would be to have it hidden with css, or do you have other filters with selection?

[hobbitwu]

Thanks for the reply!
I had done for this with css, but I can use the reset button to clear the value.

If I use it, it will be back to the hidden selection of "none".

How can I change the reset button event, or create a custom button to cover it?

By the way, how can I hide the filter icon when the input didn't input anything?

[m2a2x]

Hi, sorry for the late reply, was busy recently with Pivot plugin updates on Pro version,.
I think faster would be if you build me a quick example in codesanbox based on any our examples and I will help you to keep it hidden (selection field)

Filter has this.emit('beforefilterapply' event, you can overwrite data there too

const { defaultPrevented, detail } = this.emit('beforefilterapply', {
  collection: this.filterCollection,
  source,
  columns,
  filterItems: this.multiFilterItems,
});
if (defaultPrevented) {
  return;
}
this.doFiltering(
  detail.collection,
  detail.source,
  detail.columns,
  detail.filterItems,
);

also to hide icon

{p.canFilter && p.data?.filter !== false ? (

) : (

Where data is a ColumnRegular prop. it means if your column data has filter applied it would show you a filter

probably what you are describing is an issue, may be you can create me a separate example of this use case?

Quick solution with icon for you would be to use beforeheaderrender event, and just change filter to empty in your column details

Thanks for the messages and looking forward for your reply, sorry for throwing all of this info :-)