List

A tabular data display that renders rows of structured data with configurable columns. Rows are populated via sync and can be formatted per column.

Type

"list"

Relevant Fields

Inherits all Control Definition. Key fields:

Field Type Default Description
label string falls back to id Header label
listColumns array — Column definitions: [{key, label, format}]
tint color "#FFFFFF" Header text color
hideLabel bool false Hide header label
hideBackground bool false Remove glass card background

Examples

Device status list

{
  "type": "list",
  "id": "device-list",
  "position": [0, 0],
  "span": [2, 4],
  "label": "Connected Devices",
  "listColumns": [
    { "key": "name", "label": "Name" },
    { "key": "status", "label": "Status" },
    { "key": "latency", "label": "Ping", "format": "number" }
  ],
  "sync": { "method": "meshsocket", "event": "device_list" }
}