# Tabla de contenido

- Human documentation: [https://docs.univer.ai/es-ES/guides/docs/features/table-of-contents](https://docs.univer.ai/es-ES/guides/docs/features/table-of-contents)

- Agent Markdown: [https://docs.univer.ai/es-ES/guides/docs/features/table-of-contents.md](https://docs.univer.ai/es-ES/guides/docs/features/table-of-contents.md)

- Requested language: `es-ES`

- Content language: `es-ES`

- Documentation version: `1.2.0`

- Source: [docs/features/table-of-contents.es-ES.mdx](https://github.com/dream-num/documentation/blob/dev/content/guides/docs/features/table-of-contents.es-ES.mdx)

---

La tabla de contenido inserta títulos en el cuerpo del documento y es distinta del panel de navegación. Añade estos plugins a Docs Core antes de crear el documento, combina la traducción UI en `locales` y carga el CSS. Los presets Core y Advanced no los incluyen.

#### npm

```bash
npm install @univerjs/docs-toc @univerjs/docs-toc-ui
```

#### pnpm

```bash
pnpm add @univerjs/docs-toc @univerjs/docs-toc-ui
```

#### yarn

```bash
yarn add @univerjs/docs-toc @univerjs/docs-toc-ui
```

#### bun

```bash
bun add @univerjs/docs-toc @univerjs/docs-toc-ui
```

```ts
import { UniverDocsTocPlugin } from '@univerjs/docs-toc'
import { UniverDocsTocUIPlugin } from '@univerjs/docs-toc-ui'
import FeatureLocale from '@univerjs/docs-toc-ui/locale/es-ES'
import { LocaleType } from '@univerjs/core'

import '@univerjs/docs-toc-ui/lib/index.css'

univerAPI.loadLocales(LocaleType.ES_ES, FeatureLocale)

univer.registerPlugin(UniverDocsTocPlugin)
univer.registerPlugin(UniverDocsTocUIPlugin)
```

## Insertar y actualizar

Coloca el cursor en el documento antes de insertar. La UI permite insertar, actualizar toda la tabla o solo los números de página, y eliminarla. Sin `rangeId`, se actualiza la tabla de la selección actual.

```ts
import { InsertTableOfContentsCommand, UpdateTableOfContentsCommand } from '@univerjs/docs-toc'

await univerAPI.executeCommand(InsertTableOfContentsCommand.id, {
  levels: 3,
  showPageNumbers: true,
  rightAlignPageNumbers: true,
})
await univerAPI.executeCommand(UpdateTableOfContentsCommand.id, { mode: 'entireTable' })
```

La actualización evalúa instrucciones por nivel de esquema (`\o`). Los demás modificadores de Word se conservan en FIELD, pero no todos se evalúan. Consulta los [parámetros](https://docs.univer.ai/es-ES/reference/packages/plugins/univerjs/docs-toc.md).