Таблицы

Сведения о плагинах

Поддержка таблиц на досках разделена между пакетами модели и пользовательского интерфейса. В браузерных редакторах, где таблицы на холсте доски должны быть доступны для редактирования, зарегистрируйте оба пакета.

Регистрация поддержки таблиц

TypeScript
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)

Поддержка мобильных устройств

Сначала настройте мобильный редактор. В коде инициализации режима плагинов на этой странице замените указанные настольные регистрации мобильными экспортами тех же пакетов до открытия документа. Сохраните модели, стили, локализации и импорты Facade; не регистрируйте оба варианта.

ПакетНастольная регистрацияМобильная регистрация
@univerjs-pro/boards-table-uiUniverBoardsTableUIPluginUniverBoardsTableMobileUIPlugin

Назначение пакетов

  • @univerjs-pro/boards-table интегрирует элементы таблиц с моделью доски.
  • @univerjs-pro/boards-table-ui добавляет на холст доски отрисовку таблиц и пользовательский интерфейс для их редактирования. Пакет также предоставляет @univerjs-pro/boards-table-ui/locale/* и @univerjs-pro/boards-table-ui/lib/index.css для браузерных редакторов.

Данные снимка

Элемент таблицы на доске хранит tableId и общие поля элементов доски. Данные таблицы обрабатываются плагином таблиц, а доступ к ним осуществляется через ресурсы доски.

TypeScript
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')

Зарегистрируйте поддержку таблиц, прежде чем открывать снимки с элементами типа table.

Стабильные цвета таблиц

При вставке таблицы Board или изменении её стиля плагин сохраняет разрешённую палитру темы вместе с таблицей. Существующие таблицы сохраняют цвета после смены глобальной темы Univer, а выбор другого стиля создаёт новый снимок темы, принадлежащий таблице.

Насколько полезно это руководство?

© 2026 DreamNum Co., Ltd.