# DatoCMS HTML Table Editor

Simple table plugin for DatoCMS

![](docs/cover.jpg)

## Preview

![](docs/preview.gif)

## Features

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

## Output

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

### Types

```typescript
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.