Dropdown menu Filter for a table
How do I filter the dropdown menu items based on a search query before filtering the table itself?
Example of what I am trying to achieve.
Here I can search for a "Status" or "Priority" value and the list is getting filtered based on my search query without affecting the actual table. I have gone through the code of this specific UI but unable to figure out how the filtering in the drop down menu is handled.
Edit: Ok i see they use cmdk to filter the dropdown menu items.
Updated question:
I want to have a single search bar, and based on its input I get filter suggestions from multiple values
For example, I have 2 columns, color and number, and if i enter the search query "re" I am prompted by the UI to filter the table by the value "red" from the colors column AND the value "three" from the number column.
Another example - Pokemon Showdown's teambuilder (Select "New Team" then select "Add pokemon" to arrive at the search bar i am talking about)
Here from a single search input, i can filter multiple columns
I can figure the UI part, but how do i achieve this functionality within tanstack table?
0 Replies