Dynamically adapt header filter options to available columns
I'm using Tabulator 4.9 and I have a table with header filters.
When using multiple header filters at the same time, the select component shows options that are not available in the currently filtered rows.
This can be reproduced on the tabulator website:
The menu shows six options although there are only two rows left and the only sensible options would be "red" and "yellow".
I'd love to only show options that actually exist for the currently filtered rows.
I tried supplying a function to the headerFilterParams but it seems like that function is only called once when the table is created, so I couldn't get it to work the way I want.
Any help would be greatly appreciated.
Thanks in advance!
Turns out that newer versions of Tabulator already support this by passing valuesLookup:"active" in editorParams.
- Select entire column text when editing
- Scrolling Not Working with Long Content in Tabulator
- What's the best way to refresh a group header in Tabulator
- What's the proper way of creating a custom element/web component for tabulator 6.3 using svelte 5?
- how to multiple delete rows with selectableRange : true,..?
- Is it possible to get the aria-label attribute on column filters in Tabulator?
- Tabulator Sorting on multiple column sort with numbers via button
- Refresh group header to show sum of values in group
- JS reRegExp Expression for guitar chords
- Select a row programmatically using tabulator selectRow method
- Setting header to the Calculation sum
- Tabulator : persist column order but not titles
- Nested html forms /custom html fragments in Tabulator?
- Tabulator - How can I exclude a column from selectable ranges?
- react-tabulator Table component throws an error when passing data by redux state
- How to show and update current page number in an input box palceholder Using Tabulator
- Desired page in pagination with Tabulator
- How to cycle through table rows programmatically
- Header filtering - create Select field with down arrow
- Creating check box that is directly clickable in Tabulator
- Tabulator cells don't get formatting when not in view/lose formatting when scrolled out of view
- Selection eligibility not working with header checkbox on Tabulator
- Tabulator Selection Eligibility
- Tabulator | null verticalFillMode
- Tabulator editable parameter overrides rowClick handler
- Is it possible to add a dropdown to switch between column calculations?
- js Tabulator trigger event on tickbox selection vue3js
- Allow multiple row selection or select only with checkbox
- Dynamically adapt header filter options to available columns
- Tabulator table width is shrinking at first time loading and after drag it is adjusting