表头扩展
该扩展补充了 Table 扩展,并添加了… 你猜对了… 表格头部。
安装
npm install @tiptap/extension-table此扩展需要安装 Table 扩展。
此扩展随 TableKit 扩展默认安装,因此您无需单独安装它。
import { Editor } from '@tiptap/core'
import { TableKit } from '@tiptap/extension-table'
new Editor({
extensions: [TableKit],
})使用
表头是可选的。但来吧,你想要它们,对吧?如果你不想要它们,可以像这样更新 TableRow 扩展的 content 属性:
// 不带表头的表格行
TableRow.extend({
content: 'tableCell*',
})这是默认设置,允许表头:
// 带表头的表格行(默认)
TableRow.extend({
content: '(tableCell | tableHeader)*',
})源代码
packages/extension-table-header/
最小安装
import { Editor } from '@tiptap/core'
import { TableHeader } from '@tiptap/extension-table/header'
new Editor({
extensions: [TableHeader],
})