# Tableau

- Human documentation: [https://docs.univer.ai/fr-FR/guides/boards/features/tables](https://docs.univer.ai/fr-FR/guides/boards/features/tables)

- Agent Markdown: [https://docs.univer.ai/fr-FR/guides/boards/features/tables.md](https://docs.univer.ai/fr-FR/guides/boards/features/tables.md)

- Requested language: `fr-FR`

- Content language: `fr-FR`

- Documentation version: `1.2.0`

- Source: [boards/features/tables.fr-FR.mdx](https://github.com/dream-num/documentation/blob/dev/content/guides/boards/features/tables.fr-FR.mdx)

---

#### Package metadata

```json
{
  "mobile": true,
  "preset": [],
  "plugins": [
    {
      "client": "@univerjs-pro/boards-table",
      "facade": "@univerjs-pro/boards-table/facade"
    },
    {
      "client": "@univerjs-pro/boards-table-ui",
      "locale": "@univerjs-pro/boards-table-ui/locale/fr-FR",
      "style": "@univerjs-pro/boards-table-ui/lib/index.css"
    }
  ],
  "license": true,
  "server": false
}
```

La prise en charge des tableaux dans Board est répartie entre un paquet de modèle et un paquet d’interface utilisateur. Enregistrez les deux paquets dans les éditeurs pour navigateur qui doivent proposer des tableaux modifiables sur le canevas de Board.

## Enregistrer la prise en charge des tableaux

```ts
import { UniverBoardsTablePlugin } from '@univerjs-pro/boards-table'
import { UniverBoardsTableUIPlugin } from '@univerjs-pro/boards-table-ui'
import BoardsTableUIEnUS from '@univerjs-pro/boards-table-ui/locale/en-US'

import '@univerjs-pro/boards-table/facade'
import '@univerjs-pro/boards-table-ui/lib/index.css'

univer.registerPlugin(UniverBoardsTablePlugin)
univer.registerPlugin(UniverBoardsTableUIPlugin)
```

## Prise en charge mobile

Configurez d’abord l’[éditeur mobile](https://docs.univer.ai/fr-FR/guides/boards/getting-started/installation.md#mobile-support). Dans l’initialisation en mode plugin de cette page, remplacez les inscriptions de bureau ci-dessous par les exports mobiles des mêmes paquets **avant d’ouvrir un document**. Conservez modèles, styles, traductions et imports Facade ; n’enregistrez pas les deux variantes.

| Paquet                          | Inscription de bureau       | Inscription mobile                |
| ------------------------------- | --------------------------- | --------------------------------- |
| `@univerjs-pro/boards-table-ui` | `UniverBoardsTableUIPlugin` | `UniverBoardsTableMobileUIPlugin` |

## Rôle des paquets

* `@univerjs-pro/boards-table` intègre les tableaux au modèle de Board.
* `@univerjs-pro/boards-table-ui` ajoute le rendu et l’interface de modification des tableaux au canevas de Board. Il fournit également `@univerjs-pro/boards-table-ui/locale/*` et `@univerjs-pro/boards-table-ui/lib/index.css` aux éditeurs pour navigateur.

## Données de l’instantané

Un tableau de Board stocke un `tableId` et les champs communs aux éléments de Board. Les données du tableau sont gérées par le plug-in de tableaux et référencées dans les ressources de Board.

```ts
const table = board.insertTable({
  left: 120,
  top: 120,
  width: 480,
  height: 280,
  rows: 3,
  columns: 4,
})
if (!table) throw new Error('Cannot insert Board table')
```

Enregistrez la prise en charge des tableaux avant d’ouvrir des instantanés contenant des éléments `table`.

## Couleurs de tableau stables

Lorsqu’un tableau Board est inséré ou que son style change, le plugin enregistre avec lui la palette de thème résolue. Les tableaux existants conservent leurs couleurs après un changement du thème global Univer ; choisir un autre style crée un nouvel instantané de thème propre au tableau.