​Table Array Editor

Renders array items in a tabular format, with each object property in its own column.

​Activation Conditions

  • "type": "array"
  • "x-format": "table"

​Example 

{
  "x-format": "table",
  "title": "Names",
  "type": "array",
  "items": {
    "type": "string",
    "title": "Name"
  },
  "default": [
    "Albert",
    "Betti",
    "Carl"
  ]
}

Adds a footer row with add and/or delete-all buttons. Use x-arrayDeleteAll to also show a "Delete all" button in the header.

  • x-arrayDeleteAll — Adds a "Delete all" button to the header
  • x-arrayFooterAdd — Adds an "Add item" button in the footer
  • x-arrayFooterDeleteAll — Adds a "Delete all" button in the footer
  • x-arrayFooterButtonsPosition — Aligns footer buttons ('left' or 'right', default: 'right')
{
  "x-format": "table",
  "title": "Names",
  "type": "array",
  "x-arrayDeleteAll": true,
  "x-arrayFooterAdd": true,
  "x-arrayFooterDeleteAll": true,
  "items": {
    "type": "string",
    "title": "Name"
  },
  "default": [
    "Albert",
    "Betti",
    "Carl"
  ]
}