T
TanStack3y ago
constant-blue

Custom filter outside table tanstack table V8

I want to create custom column filters in outside tables like floating filters and dropdown filters with tanstack table V8 Is there any way I can achieve this functionality, ???
No description
1 Reply
continuing-cyan
continuing-cyan2y ago
Hello Darshit, you can have a look at shadcn/ui's tasks page where there's a table implemented with filtering using dropdown menus. here's the link to the code where the dropdown menu's are implemented, https://github.com/shadcn-ui/ui/blob/main/apps/www/app/examples/tasks/components/data-table-toolbar.tsx from there you can checkout the faceted-filters component for the filtering logic. also don't forget to include the filter function (filterFn) defined in column.tsx for the columns
GitHub
ui/apps/www/app/examples/tasks/components/data-table-toolbar.tsx at...
Beautifully designed components built with Radix UI and Tailwind CSS. - shadcn-ui/ui

Did you find this page helpful?