Skip to main content

Grids

Grids are used to dispatch values in the same screen.

danger

Dispatchers and Grids disable the default scrolling, for a better experience, use the component and only few other layouts around.

info

Grids are used to fill metadata in current screen.

All fields in the grid with metadata with key equal to the data.name of the grid will be filled with the value of the grid.

Table​

  • Description: Table.
  • Options:
    • display: object
      • font-size: number
      • column-width: number

Example:

{
  "type": "table",
  "data": {
    "name": "product",
    "value": "getProductsByCatalogId(catalogue)",
    "columns": [...],
    "filters": "products",
    "read_only": false
  },
  "name": "my-table",
  "filters": [...]
}

Card list​

  • Description: Card list.

Example:

{
  "type": "card_list",
  "data": {
    "name": "product",
    "value": "getProductsByCatalogId(catalogue)"
  },
  "name": "my-card-list"
}