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

type Table = {
  title: string | undefined
  options: {
    mainColumn: number
    mainRow: number
  }
  data: Array<Array<Cell>>
}

Types

import { StructuredTextDocument } from 'react-datocms'
import { Upload } from 'datocms-plugin-sdk'
enum CellType {
  StructuredText = 'structuredText',
  Image = 'image'
}
type CellStructuredText = {
  id: string
  type: CellType.StructuredText
  value: StructuredTextDocument
}
type CellImage = {
  id: string
  type: CellType.Image
  value: Upload
}
type Cell = CellStructuredText | CellImage

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