openstatusHQ/data-table-filters
Data Table Filters
Data table filters is a TypeScript library for building interactive data tables with server-side filtering, faceted search, and virtualized rows. It provides a backend data querying system for filtering, sorting, and paginating large datasets directly in the database, alongside UI components for filtering using checkboxes, sliders, and date ranges.
The library supports dynamic record refinement through text search, numerical sliders, and date range pickers, handling filter and table state via interchangeable storage adapters including URL parameters, client stores, or memory. It synchronizes table filter parameters with browser URL query strings so users can share, bookmark, or restore view states, and uses viewport row virtualization and incremental data fetching to maintain performance with massive collections.
Additional capabilities include batch row operations, command palette navigation, specialized cell renderers, and a declarative schema configuration for defining columns, filters, and sorting rules. Tables can also be generated automatically by inferring display types directly from raw data sources without manual setup.
Features
- Data Table Components - Builds rich, interactive data tables with custom cell rendering, sorting, and schema configuration for web applications.
- Table Schema Registrations - Defines columns, filters, sorting rules, and row details in a single centralized location.
- Data Filtering - Refines large data sets by applying checkboxes, text inputs, sliders, and time ranges to narrow down visible records.
- ORM-Based Scan Database Queries - Constructs server-side database queries with sorting rules, cursor pagination, and faceted counts using ORM database helpers.
- Infinite Scrolling Pagination - Fetches and appends data incrementally as the user scrolls down the table using asynchronous query hooks.
- Faceted Navigation - Provides UI components for filtering data using checkboxes, sliders, and date ranges to narrow down records.
- Server-Side Filtering & Sorting - Processes query filters directly in the database using an ORM to handle large datasets efficiently without loading all records.
- Interactive Tabular Filtering - Applies custom search criteria across multiple columns and fields to narrow down data table rows based on user input.
- List Virtualization - Virtualizes table rows and fetches data incrementally as users scroll to maintain high performance with massive datasets.
- Data Filters - Constructs rich filter interfaces for data tables using text search, checkboxes, numerical sliders, and date range pickers.
- Data Tables - Builds interactive data tables with server-side filtering, faceted search, and virtualized rows using TypeScript.
- Declarative Table Factories - Defines columns, filters, sorting, and row details in one centralized place using declarative factories.
- Row Pinning - Renders only the visible rows in the viewport to maintain high performance with massive collections.
- URL State Synchronization - Synchronizes table filter parameters with browser URL query strings so users can share, bookmark, or restore their exact view state.
- Virtual Scrolling - Maintains high rendering performance for massive tabular datasets by using infinite scrolling and viewport row virtualization.
- URL State Management - Synchronizes user filter states and table views with browser query parameters for easy bookmarking and sharing.
- Batch Row Operations - Selects multiple rows and runs batch operations on grouped selections to streamline record management.
- In-Memory State Management - Handles sorting, pagination, and filter states locally within the application memory for responsive client-side interaction.
- Pluggable State Backends - Handles filter and table state using interchangeable storage adapters including URL parameters, client stores, or memory.
- Filter Backends - Adapts filter state storage to external systems like URL parameters or global state stores using a pluggable adapter system.
- Tabular Data Filtering - Refines data table rows dynamically using specific attributes like time ranges, status levels, URLs, methods, and latency ranges.
- Command Palettes - Provides a command palette interface with search history and keyboard shortcuts for rapid filtering and navigation.
- Zero-Configuration Generators - Builds interactive data tables by automatically inferring columns and display types without manual setup.
- Bulk Selection Operations - Allows selecting multiple rows simultaneously to run batch actions across the targeted data set.
- Interactive Cell Rendering - Displays tabular data using specialized cell renderers for text, code, badges, booleans, and timestamps.
- Server-Side Renderings - Queries and filters large datasets on the backend using database query builders to keep client footprints small.
