HTML Table Editor

Simple table plugin for DatoCMS

Install plugin

This is a Community Plugin! Learn how create your own plugin, or copy and remix existing ones in our documentation

DatoCMS HTML Table Editor

Simple table plugin for DatoCMS

Preview

Features

Title
Add/remove column
Add/remove row
Define main column/row
Formatting
Images

Output

1
type Table = {
2
  title: string | undefined
3
  options: {
4
    mainColumn: number
5
    mainRow: number
6
  }
7
  data: Array&lt;Array&lt;Cell&gt;&gt;
8
}

Types

1
import { StructuredTextDocument } from 'react-datocms'
2
import { Upload } from 'datocms-plugin-sdk'
3

4
enum CellType {
5
  StructuredText = 'structuredText',
6
  Image = 'image'
7
}
8

9
type CellStructuredText = {
10
  id: string
11
  type: CellType.StructuredText
12
  value: StructuredTextDocument
13
}
14

15
type CellImage = {
16
  id: string
17
  type: CellType.Image
18
  value: Upload
19
}
20

21
type Cell = CellStructuredText | CellImage

> [!NOTE] > Plugin not actively maintained. > If you want to contribute, please open an issue or a pull request.