Data Grid Component

For the updated documentation on the Data Grid component, refer to the Form.io User Guide.

JSON Schema

The JSON Schema definition for this component is defined as follows.

{
  "label": "Data Map",
  "addAnother": "Add Key Pairing",
  "customClass": "pr-4 pl-4",
  "tableView": false,
  "key": "dataMap",
  "type": "datamap",
  "input": true,
  "valueComponent": {
    "type": "textfield",
    "key": "value",
    "label": "Value",
    "input": true,
    "hideLabel": true,
    "tableView": true
  }
}

The JSON structure of the Data Map is defined as follows, where dataMap is the Data Map key:

{
 data: {
    dataMap {  
      key: "Kuhn - Kshlerin"
      key1: "Keebler, Brown and Lind"
      key2: "Franecki, Lehner and Prohaska"
    }
  }
}

Core Properties

This component uses the core properties defined within the Common Parameters section.

Specific Properties

Property	Description	Value	Required	Default
components	An array of other components that represent a single row for the data grid.	[]	true	[]