📄️ 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 gives users a single search box that filters every row of a DataTable at once, without needing a per-column filter. Add it above or beside a table to let users narrow down a large list with a free-text search.
📄️ Table Filter
The Table Filter component is a customizable filter button designed to help users quickly refine table data. It supports diverse configurations including layout, icons, tooltips, and custom action triggers—perfect for dynamic table filtering on dashboards or forms.
📄️ Table Pager
The Table Pager component shows pagination controls (page numbers, page size, and a total-item count) for a DataTable or DataList on the same form. It must be placed inside a Data Table Context - it reads the current page, total rows, and page size directly from that context rather than from its own data.
📄️ Table View Selector
The Table View Selector component lets users switch between named, predefined filters on a table, such as "My Records" or "Overdue" - instead of building a filter from scratch every time. Each named view is defined once in the designer and applied with a single click. This component must be used inside a Data Table Context - it has nothing to select between otherwise.