Support tables in your domain editor.

Supporting basic tables is easy, but implementing operations with rowspan and colspan attributes in mind can be tricky. slate-table offers a set of utilities designed to make handling tables in your editor flexible and simple.

Go ahead and poke around. 🕵️‍♂️

Delete table
- Insert top
- Insert bottom
Delete row
- Insert to left
- Insert to right
Delete column

Dive into slate-table now to effortlessly modify tables. Easily merge, split cells, and insert rows or columns for more flexibility. 😸
Time
🎨 Frontend team
👷 Backend team 
9:00 AM
Opening Keynote 🎉
10:30 AM
Introduction to 🅰️ngular
Introduction to Gradle and Java 11 ☕
Strictly typed forms in v14
1:00 PM
Lunch Break 🍱
Encountered a bug 🐞? Help improve slate-table by opening a GitHub issue!

Time	🎨 Frontend team	👷 Backend team
9:00 AM	Opening Keynote 🎉
10:30 AM	Introduction to 🅰️ngular	Introduction to Gradle and Java 11 ☕
Strictly typed forms in v14
1:00 PM	Lunch Break 🍱

Editor value

[
  {
    "type": "paragraph",
    "children": [
      {
        "text": "Dive into "
      },
      {
        "text": "slate-table ",
        "bold": true
      },
      {
        "text": "now to effortlessly modify tables. Easily merge, split cells, and insert rows or columns for more flexibility. 😸"
      }
    ]
  },
  {
    "type": "table",
    "children": [
      {
        "type": "table-head",
        "children": [
          {
            "type": "table-row",
            "children": [
              {
                "type": "header-cell",
                "children": [
                  {
                    "type": "paragraph",
                    "children": [
                      {
                        "text": "Time"
                      }
                    ]
                  }
                ]
              },
              {
                "type": "header-cell",
                "children": [
                  {
                    "type": "paragraph",
                    "children": [
                      {
                        "text": "🎨 Frontend team"
                      }
                    ]
                  }
                ]
              },
              {
                "type": "header-cell",
                "children": [
                  {
                    "type": "paragraph",
                    "children": [
                      {
                        "text": "👷 Backend team "
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        "type": "table-body",
        "children": [
          {
            "type": "table-row",
            "children": [
              {
                "type": "table-cell",
                "children": [
                  {
                    "type": "paragraph",
                    "children": [
                      {
                        "text": "9:00 AM",
                        "bold": true
                      }
                    ]
                  }
                ]
              },
              {
                "type": "table-cell",
                "colSpan": 2,
                "children": [
                  {
                    "type": "paragraph",
                    "children": [
                      {
                        "text": "Opening Keynote 🎉"
                      }
                    ]
                  }
                ]
              }
            ]
          },
          {
            "type": "table-row",
            "children": [
              {
                "type": "table-cell",
                "rowSpan": 2,
                "children": [
                  {
                    "type": "paragraph",
                    "children": [
                      {
                        "text": "10:30 AM",
                        "bold": true
                      }
                    ]
                  }
                ]
              },
              {
                "type": "table-cell",
                "children": [
                  {
                    "type": "paragraph",
                    "children": [
                      {
                        "text": "Introduction to 🅰️ngular"
                      }
                    ]
                  }
                ]
              },
              {
                "type": "table-cell",
                "rowSpan": 2,
                "children": [
                  {
                    "type": "paragraph",
                    "children": [
                      {
                        "text": "Introduction to Gradle and Java 11 ☕"
                      }
                    ]
                  }
                ]
              }
            ]
          },
          {
            "type": "table-row",
            "children": [
              {
                "type": "table-cell",
                "children": [
                  {
                    "type": "paragraph",
                    "children": [
                      {
                        "text": "Strictly typed forms in v14"
                      }
                    ]
                  }
                ]
              }
            ]
          },
          {
            "type": "table-row",
            "children": [
              {
                "type": "table-cell",
                "children": [
                  {
                    "type": "paragraph",
                    "children": [
                      {
                        "text": "1:00 PM",
                        "bold": true
                      }
                    ]
                  }
                ]
              },
              {
                "type": "table-cell",
                "colSpan": 2,
                "children": [
                  {
                    "type": "paragraph",
                    "children": [
                      {
                        "text": "Lunch Break",
                        "underline": true
                      },
                      {
                        "text": " 🍱"
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  },
  {
    "type": "paragraph",
    "children": [
      {
        "text": "Encountered a bug 🐞? Help improve slate-table by opening a GitHub issue!"
      }
    ]
  }
]