📄️ DEPRECATED - Child Table
A child table component is a feature within a table or data display structure that allows the representation of related data in a hierarchical or nested format. It's often used in scenarios where one set of data is directly associated with or linked to another set, creating a parent-child relationship.
📄️ DataList
A DataList displays a collection of records as a list of repeating sub-forms. Where a DataTable shows data in rows and columns, a DataList gives you complete control over how each item looks by rendering a fully configured form for every record. You can use it to build card-style layouts, custom list items, or any repeating pattern that a grid cannot express.
📄️ DataTable Context
The DataTable Context is a container component that handles fetching, filtering, sorting, and paging of data on a form. You configure it with a data source — an entity, a custom API endpoint, or data already on the form — and child components like DataTable and DataList read from it. The context does all the data work so display components can focus on rendering records.
📄️ DataTable
A DataTable displays records from a data source in rows and columns. You configure which columns to show, how each column looks and behaves, and whether users can add, edit, or delete records directly inside the table. A DataTable reads its data from a parent DataTableContext component, which handles fetching, filtering, sorting, and paging so the DataTable only needs to focus on display.
📄️ Quick Search
The Quick Search component adds a free-text search box that filters the rows of a Data Table by matching against all of its columns at once. Use it when users need a fast, general-purpose way to find rows without setting up column-specific filters.
📄️ Table Filter
The Table Filter component is a button that opens a Data Table's built-in column-filtering panel. Its icon and badge count update automatically to show whether any filters are currently active.
📄️ Table Pager
The Table Pager component breaks a large dataset into pages, letting users navigate through a Data Table's rows instead of loading them all at once. It is meant to be used alongside a Data Table Context component.
📄️ Table View Selector
The Table View Selector component lets users switch between predefined named filters (or "views") of a Data Table with a single click, instead of building a filter manually. Configure one or more named filters, and the user picks between them.