search

olifolkerd / tabulator

Interactive Tables and Data Grids for JavaScript
http://tabulator.info
MIT License
6.7k stars 818 forks source link

Filter icon in the column header #3568

Closed boumboum closed 2 years ago

boumboum commented 2 years ago

Is there any possibility to get a filter icon in the column header (like the sort arrow) to define some most common filtering ( starts with, contains, between etc). headerFilter is fine but it takes a whole row even if its not needed and sometimes I would need more granular filtering possibilities (a bit like the solution provided by agGrid, or even Excel)

harvetech commented 2 years ago

I have a similar question.

denisov-k commented 2 years ago

Maybe something like slots for column headers? For injection any buttons.

olifolkerd commented 2 years ago

Hey @boumboum

How would you want the header filter icon to work, do you have a mockup of the popup layout you are looking for?

I would not want to do a filter sidebar like AG grid, i personally thing that is overkill in terms of the space it takes up, and of neiche usage case. Though having said that you could easily write a custom module to add that functionality and i would happily accept a PR for it.

Cheers

Oli :)

boumboum commented 2 years ago

No, I'm not talking about any sidebar but rather an icon appearing on hover on the column header and on click there is a datatype sensitive popup menu appearing with the possible filtering choices, like this: image image

olifolkerd commented 2 years ago

Hey @boumboum ,

In the 5.2 release there will be a new popup functionality coming that will allow developers to add custom popups all over the table.

Given the fairly subjective nature of the range of options available for header filtering, i would not look to add this directly, but i will include an example on the popup demo that shows how to add a header filter in this way with a popup.

Cheers

Oli :)