Skip to content

表格 ​

表格组件支持行列增删、单元格合并 / 拆分、表头行 / 表头列切换、均分列宽与拖拽调宽,上限 9×9。工具条按当前光标所在单元格动态显示。

配置示例 ​

ts
new LarkDoc({
  element: '#editor',
  features: { tables: true },
  toolbarKeys: ['tables'],             // 表格工具条分组(别名 table)
  limits: { maxTableRows: 9, maxTableColumns: 9 },
  content: '<table><tr><th>事项</th><th>状态</th></tr><tr><td><p>…</p></td><td><p>进行中</p></td></tr></table>',
})

配置与用法 ​

配置项类型默认值说明
features.tablesbooleantrue关闭后表格入口与工具条隐藏。
limits.maxTableRowsnumber9行数上限(硬上限 9)。
limits.maxTableColumnsnumber9列数上限(硬上限 9)。

工具条动作(命令 id) ​

id说明id说明
addRowBefore / addRowAfter / deleteRow行操作mergeCells / splitCell合并 / 拆分单元格
addColumnBefore / addColumnAfter / deleteColumn列操作toggleHeaderRow / toggleHeaderColumn表头行 / 列
clearCellContent清空单元格distributeColumns均分列宽
deleteTable删除表格

使用方式 ​

入口操作
插入菜单拖选行列数网格新建(默认 3×3)。
工具条光标进入表格后出现,覆盖上表全部动作。
拖拽列边界拖拽调宽;表格边界线高亮提示落点。

数据契约 ​

单元格内容为独立的块结构(<td><p>…</p></td>),因此表格单元格内支持标题、列表、代码块等任意内容;导出 Markdown 时退化为管道表格(复杂内容丢失格式,导出 DOCX 时按纯文本处理)。