A data table component is a standard and consistent way of representing data tables in web or mobile applications.
The data table component in Spark: Flare 4.0 includes a grid or table view of data, with rows and columns displaying relevant data points. It also includes options for sorting, filtering, or searching the data within the table with this being showcased through both our composed table and the elements that make this up.
Individual Table Elements
Column Header
The top cell of a column that provides its label and supports actions such as column-wide selection and sorting
Column Multi-select
An embedded checkbox that allows users to select rows for display, filtering, or actions within a table
Table Tool Bar
A toolbar containing relevant actions related to a table.
Pagination
A component that separates out table content into discrete pages.
Status Indicator
A component that presents status within a table. A predominately static element, on hover designers can enable tooltips that provides additional information on a given status
Inline Dropdown
A component that allows for quick actions within tables. Aside from facilitating actions and modifications within tables, the inline dropdown can present the status of a given data point to the user, in a manner akin to that found in the Status Indicator.
Table Cell
The table cell is the smallest unit in a table, containing individual content such as text, numbers, or icons
Customize Columns
A control that lets users select and toggle hidden columns to personalize the table display.
In-Table Link
A clickable link within a table cell that lets users navigate to related content or actions.