1. Home
  2. Docs
  3. Accordion Tables
  4. The JSON table structure
  5. Example: Simple Table

Example: Simple Table

This example has 4 columns and 4 rows. Some of the items are clickable and will call FileMaker Scripts, and there are some custom CSS classes specified. There are no child tables.

{
  "headers": [
    {
      "align": "right",
      "value": "ID"
    },
    {
      "value": "Business"
    },
    {
      "value": "Primary Contact"
    },
    {
      "align": "center",
      "value": "Website"
    }
  ],
  "rows": [
    {
      "data": [
        {
          "parameter": "4",
          "script": "myTestScript",
          "value": "4"
        },
        {
          "value": "ACME"
        },
        {
          "class": "name-field",
          "value": "Mr. Bunny"
        },
        {
          "class": "web-link",
          "parameter": "Acme.com",
          "script": "myTestScript",
          "value": "Acme.com"
        }
      ]
    },
    {
      "data": [
        {
          "parameter": "2",
          "script": "myTestScript",
          "value": "2"
        },
        {
          "value": "Blue Feather"
        },
        {
          "class": "name-field",
          "value": "David Nahodyl"
        },
        {
          "class": "web-link",
          "parameter": "bluefeathergroup.com",
          "script": "myTestScript",
          "value": "bluefeathergroup.com"
        }
      ]
    },
    {
      "data": [
        {
          "parameter": "3",
          "script": "myTestScript",
          "value": "3"
        },
        {
          "value": "Parker Photography"
        },
        {
          "class": "name-field",
          "value": "Peter Parker"
        },
        {
          "class": "web-link",
          "parameter": "parkerphotography.com",
          "script": "myTestScript",
          "value": "parkerphotography.com"
        }
      ]
    },
    {
      "data": [
        {
          "parameter": "1",
          "script": "myTestScript",
          "value": "1"
        },
        {
          "value": "Wayne Enterprises"
        },
        {
          "class": "name-field",
          "value": "Bruce Wayne"
        },
        {
          "class": "web-link",
          "parameter": "wayne.com",
          "script": "myTestScript",
          "value": "wayne.com"
        }
      ]
    }
  ]
}
Was this article helpful to you? Yes No

How can we help?