Last updated:
Grid list
The Grid list field visualizes a dataset structured like a table, supporting filtering, sorting, and footers, alongside styling for look, feel, and line styles. It’s generally used to either display a table, or let users select from non-singular data entries, such as order lines or product details.
Events
Section titled “Events”| Event | Description |
|---|---|
| On data update | Triggers whenever the grid receives or updates its data, from an initial load or a filter value. |
| On value change | Triggers when a user selects an individual row. Only fires when the selection mode isn’t set to none. |
Content
Section titled “Content”The data shown in the grid is set through the datasource property, under Properties → Grid data. Column-level formatting and styling is configured through the overview fields property in that same section:
| Aspect | Description |
|---|---|
| Header text | The column’s display text; defaults to the column name. |
| Weight | The column’s relative horizontal width. A weight of 0 hides the column, useful when a value is needed but shouldn’t be shown. |
| Format | Formats the cell’s value based on its type: numeric values can set a decimal count with {#} (e.g. €{2} renders 4.5 as €4.50), and date/datetime values use ISO 8601 format tags. |
| Footer | A text footer, or for numeric columns a mathematical operation (sum, min, max, …). |
| Styling | An override flag to style an individual cell separately from the field’s default styling, including data-driven cell background coloring. |