Table Block

Root Data of Table Block

{
  "id": "ilSh_Ty_2", // Block ID
  "type": "table", // Block type
  "cols": 4, // Number of columns
  "colsWidth": [ // Width of each column (px)
    200,
    200,
    200,
    200
  ],
  "rows": 5, // Number of rows
  // First row as title: true, not as title: false (default)
  "hasRowTitle": true,
  // First column as title: true, not as title: false (default)
  "hasColTitle": true,
  // Table stripe style (alternating row background colors)
  // set to true to show alternating row background colors (default: false)
  isStripeStyle: false,
  // Hide table borders, set to true to hide table borders (default: false)
  noBorder: false,

  // Number of columns a merged cell should span
  // (Key: cell container ID + '_colSpan', Value: number)
  "hheMfYpft_colSpan": 1,
  // Number of rows a merged cell should span
  // (Key: cell container ID + '_rowSpan', Value: number)
  "hheMfYpft_rowSpan": 3,

  // Number of columns a merged cell should span
  // (Key: cell container ID + '_colSpan', Value: number)
  "RVNBKJAvq_colSpan": 2,
  // Number of rows a merged cell should span
  // (Key: cell container ID + '_rowSpan', Value: number)
  "RVNBKJAvq_rowSpan": 1,

  "children": [
    // Collection of cell IDs, ordered from left to right, top to bottom
    "SXW_AfI3X",
    "VfVs2SS3J",
    "VUHGb4x8v",
    "VXMGoCXDM",
    "dT7EHN7B6",
    "hheMfYpft",
    "h7OpqPwOn",
    "hgyllJyxb",
    "hzfUT8669",
    "hV60vXA8J",
    "hk8rbdvhA",
    "hBa3dIkAl",
    "hURX2oteR",
    "hij4ilhkM",
    "hxTVT40R6",
    "hMdes2Pjk",
    "RVNBKJAvq"
  ],
  // Cell background color
  // Key: cell container ID + '_background'
  // Value: 'style-bg-color-' + number, number range: [0, 14]
  "hV60vXA8J_background": "style-bg-color-3"
}

Cell Background Color Corresponding Values

Table Block Cell Container Data

{
  // Data is at the same level as "blocks",
  // key corresponds to "children" in the root data of the table block
  "hheMfYpft": [
    {
      "id": "huAMEl1v7", // Block ID
      "type": "text", // Block type
      "text": [
        {
          "insert": "222"
        }
      ]
    },
    {
      "id": "PtwBNO7gj", // Block ID
      "type": "text", // Block type
      "text": [
        {
          "insert": "2222"
        }
      ]
    },
    {
      "id": "AHtakplFk", // Block ID
      "type": "text", // Block type
      "text": [
        {
          "insert": "22222"
        }
      ]
    }
  ],
  "blocks": [...]
}

Examples

Code

{
  "blocks": [
    {
      "id": "eGWCxv9yH",
      "type": "text",
      "text": [
        {
          "insert": "Table Demo"
        }
      ],
      "heading": 1,
      "quoted": false
    },
    {
      "id": "ilSh_Ty_2",
      "type": "table",
      "cols": 4,
      "colsWidth": [
        200,
        200,
        200,
        200
      ],
      "hheMfYpft_colSpan": 1,
      "hheMfYpft_rowSpan": 3,
      "rows": 5,
      "hasRowTitle": true,
      "hasColTitle": true,
      "RVNBKJAvq_colSpan": 2,
      "RVNBKJAvq_rowSpan": 1,
      "children": [
        "SXW_AfI3X",
        "VfVs2SS3J",
        "VUHGb4x8v",
        "VXMGoCXDM",
        "dT7EHN7B6",
        "hheMfYpft",
        "h7OpqPwOn",
        "hgyllJyxb",
        "hzfUT8669",
        "hV60vXA8J",
        "hk8rbdvhA",
        "hBa3dIkAl",
        "hURX2oteR",
        "hij4ilhkM",
        "hxTVT40R6",
        "hMdes2Pjk",
        "RVNBKJAvq"
      ],
      "hV60vXA8J_background": "style-bg-color-3"
    },
    {
      "id": "jsAhr26pa",
      "type": "text",
      "text": []
    }
  ],
  "dT7EHN7B6": [
    {
      "id": "d0kB1EtCP",
      "type": "text",
      "text": [
        {
          "insert": "B1"
        }
      ]
    }
  ],
  "hheMfYpft": [
    {
      "id": "huAMEl1v7",
      "type": "text",
      "text": [
        {
          "insert": "222"
        }
      ]
    },
    {
      "id": "PtwBNO7gj",
      "type": "text",
      "text": [
        {
          "insert": "2222"
        }
      ]
    },
    {
      "id": "AHtakplFk",
      "type": "text",
      "text": [
        {
          "insert": "22222"
        }
      ]
    }
  ],
  "h7OpqPwOn": [
    {
      "id": "hxsRITMKd",
      "type": "text",
      "text": [
        {
          "insert": "333"
        }
      ]
    }
  ],
  "hgyllJyxb": [
    {
      "id": "hduRmtGD7",
      "type": "text",
      "text": [
        {
          "insert": "444"
        }
      ]
    }
  ],
  "hzfUT8669": [
    {
      "id": "hs6w_8O8A",
      "type": "text",
      "text": [
        {
          "insert": "B2"
        }
      ]
    }
  ],
  "hV60vXA8J": [
    {
      "id": "hFU1TVkqS",
      "type": "text",
      "text": [
        {
          "insert": "666"
        }
      ]
    }
  ],
  "hk8rbdvhA": [
    {
      "id": "hVZJ0Fgui",
      "type": "text",
      "text": [
        {
          "insert": "777"
        }
      ]
    }
  ],
  "hBa3dIkAl": [
    {
      "id": "h5gBDdoiP",
      "type": "text",
      "text": [
        {
          "insert": "B3"
        }
      ]
    }
  ],
  "hURX2oteR": [
    {
      "id": "hCSZMYucS",
      "type": "text",
      "text": [
        {
          "insert": "999"
        }
      ]
    }
  ],
  "hij4ilhkM": [
    {
      "id": "hdceiPFGy",
      "type": "text",
      "text": [
        {
          "insert": "000"
        }
      ]
    }
  ],
  "hxTVT40R6": [
    {
      "id": "hAUSUggOO",
      "type": "text",
      "text": [
        {
          "insert": "B4"
        }
      ]
    }
  ],
  "hMdes2Pjk": [
    {
      "id": "hPrBtwVFa",
      "type": "text",
      "text": [
        {
          "insert": "bbb"
        }
      ]
    }
  ],
  "SXW_AfI3X": [
    {
      "id": "S4z0Tptqs",
      "type": "text",
      "text": [
        {
          "insert": "A/B"
        }
      ]
    }
  ],
  "VUHGb4x8v": [
    {
      "id": "VMJXdiTWQ",
      "type": "text",
      "text": [
        {
          "insert": "A2"
        }
      ]
    }
  ],
  "VXMGoCXDM": [
    {
      "id": "V3TfTxz3O",
      "type": "text",
      "text": [
        {
          "insert": "A3"
        }
      ]
    }
  ],
  "VfVs2SS3J": [
    {
      "id": "VSkex9Pws",
      "type": "text",
      "text": [
        {
          "insert": "A1"
        }
      ]
    }
  ],
  "RVNBKJAvq": [
    {
      "id": "RIt5DjwMW",
      "type": "text",
      "text": [
        {
          "insert": "ccc"
        }
      ]
    }
  ]
}