Tableau

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

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. 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.

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.

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.