Filtering a table

The query tree compiled to a row predicate.

Library

ReUI

Framework

React

Type

block

License

MIT

Dependencies

@tanstack/react-table, cn

Install

npx shadcn@latest add @reui/c-filters-7

Files

• registry-reui/bases/radix/components/filters/c-filters-7.tsx
• registry-reui/bases/radix/reui/data-grid/data-grid.tsx
• registry-reui/bases/radix/reui/data-grid/data-grid-column-header.tsx
• registry-reui/bases/radix/reui/data-grid/data-grid-pagination.tsx
• registry-reui/bases/radix/reui/data-grid/data-grid-scroll-area.tsx
• registry-reui/bases/radix/reui/data-grid/data-grid-table.tsx
• registry-reui/bases/radix/reui/filters/filters.tsx
• registry-reui/bases/radix/reui/filters/filters-query.tsx

Source

https://github.com/keenthemes/reui

Categories

• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Filter Bar Components
• React Filter Bar Components
• Tailwind CSS Filter Bar Components

More from ReUI

• Everything in one filter bar
• Nested groups in a popover
• Nested groups inline, walked back out
• Controlled, sized and translated
• Nested attributes at workspace scale
• Status and priority colour badges
• Avatars, paging and a restored view
• A date and a date range editor
• Sliders as the value editor
• Choice controls as editors
• Typed values in shadcn inputs
• Filters