# Grid list

**Category:** Field

**Version:** 1.0

**Last Updated:** October 31, 2025

**Author:** Any2Info

### Description <a href="#description" id="description"></a>

The gridlist field allows visualization of a dataset structured like a table. The field support several table related features like filtering, sorting and footers.&#x20;

Besides the functionality for usability the field allows various styling related features regarding look and feel and line styling.&#x20;

Generally speaking, this control is used to either display a table or allow users to make selections for non-singular data entries (i.e. order lines or product details).&#x20;

### Events <a href="#general-properties" id="general-properties"></a>

The Tooltip only has 1 property, which is the text that is to be displayed. If this is empty then the tooltip will not be displayed at all.

<table data-header-hidden><thead><tr><th width="177"></th><th></th></tr></thead><tbody><tr><td>On data update </td><td>Triggers whenever the grid receives or updates its data as a result of an initial load or filter value </td></tr><tr><td>On value change </td><td>Triggers whenever a user selects an individual row. Take note that this will only be triggered when the selection mode is set to anything but none </td></tr></tbody></table>

### Content <a href="#changelog" id="changelog"></a>

Using the datasource property under Properties > Grid data the values to display in the grid can be configured&#x20;

For additional configuration regarding data formatting or styling see “Advanced configuration”&#x20;

### Advanced configuration

Advanced configuration configuration of the mapped columns can be done using the overview fields property under Properties > Grid data.

<table data-header-hidden><thead><tr><th width="170">Aspect</th><th></th></tr></thead><tbody><tr><td>Header text </td><td>Allows setting the specific text displayed for the column, by default this will use the column name </td></tr><tr><td>Weight </td><td><p>Sets the weight of the column in regards to the horizontal width each column will fill in the grid. </p><p> </p><p>Using a weight of 0 will make the column invisible, which can be useful when value is used but doesn’t need to be shown </p></td></tr><tr><td>Format </td><td><p>Depending on the underlying type values in the cell can be formatted at will. </p><p> </p><p>Numerical values can have their decimal count set by using {#}. For example  €{2} would result in  €4.50 for the value 4.5. </p><p> </p><p>Date(time) values use the ISO8601 tags for format dates. </p></td></tr><tr><td>Footer  </td><td><p>Each column or column group allows setting a footer type.  </p><p> </p><p>Textual footers allow setting a text for the footer cell. </p><p> </p><p>For numerical columns additional footer types will be shown to allow mathematical operations of the shown values in the column (i.e. Sum, Min and Max). </p></td></tr><tr><td>Styling </td><td><p>Using the styling override flag an individual cell can be styled separately from the defined styling of the field. </p><p> </p><p>Additionally using this flag you can enable data driven cell background coloring </p></td></tr></tbody></table>

### Changelog <a href="#changelog" id="changelog"></a>

| Version | Date             | Change                               |
| ------- | ---------------- | ------------------------------------ |
| 1.0     | October 31, 2025 | Initial documentation version added. |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/application-design/forms/fields-toolbox/specials-and-support/grid-list.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
