---
title: "TableKit extension"
description: "All necessary table extensions in one extension with TableKit. Perfect for quickly setting up tables with Tiptap. More in the docs!"
canonical_url: "https://tiptap.dev/docs/editor/extensions/functionality/table-kit"
---

# TableKit extension

All necessary table extensions in one extension with TableKit. Perfect for quickly setting up tables with Tiptap. More in the docs!

The `TableKit` is a collection of all necessary Tiptap table extensions. If you quickly want to setup tables in Tiptap, this extension is for you.

> **Interactive demo:** [Table](https://embed.tiptap.dev/preview/Nodes/Table)

## Install

```bash
npm install @tiptap/extension-table
```

## Included extensions

### Nodes

- [`Table`](https://tiptap.dev/docs/editor/extensions/nodes/table.md)
- [`TableCell`](https://tiptap.dev/docs/editor/extensions/nodes/table-cell.md)
- [`TableHeader`](https://tiptap.dev/docs/editor/extensions/nodes/table-header.md)
- [`TableRow`](https://tiptap.dev/docs/editor/extensions/nodes/table-row.md)

## Source code

[packages/extension-table/](https://github.com/ueberdosis/tiptap/blob/main/packages/extension-table/)

## Using the TableKit extension

Pass `TableKit` to the editor to load all included extension at once.

```js
import { Editor } from '@tiptap/core'
import { TableKit } from '@tiptap/extension-table'

const editor = new Editor({
  extensions: [TableKit],
})
```

You can configure the included extensions, or even disable a few of them, like shown below.

```js
import { Editor } from '@tiptap/core'
import { TableKit } from '@tiptap/extension-table'

const editor = new Editor({
  extensions: [
    TableKit.configure({
      // Disable an extension
      tableRow: false,

      // Configure an extension
      tableCell: {
        HTMLAttributes: { class: 'list-item' },
      },
    }),
  ],
})
```