React Spreadsheet

Официальная декларативная React-обёртка для DHTMLX Spreadsheet. Создавайте интерфейсы таблиц с компонентным API: передавайте данные через пропсы, реагируйте на изменения через колбэки событий и при необходимости обращайтесь к базовому виджету через ref.

Начало работы

• Установка - установка ознакомительного или коммерческого пакета
• Быстрый старт - создание первого приложения с таблицей шаг за шагом
• Онлайн-примеры - просмотр живых демо функций React Spreadsheet

К сведению

Вы также можете изучить демо-репозиторий на GitHub с полным рабочим примером.

Справочник API

• Справочник пропсов - все пропсы компонента с типами и значениями по умолчанию
• Справочник событий - пропсы колбэков событий, сгруппированные по категориям
• Справочник типов - TypeScript-интерфейсы, перечисления и псевдонимы типов

Модель данных

Пропс sheets является единственным источником истины для всех данных таблицы. Каждый лист представляет собой объект SheetData, содержащий ячейки, конфигурацию строк/столбцов, объединённые диапазоны, закреплённые области, фильтры и сортировку.

Управление состоянием

Узнайте, как синхронизировать данные таблицы с состоянием вашего приложения:

• Основы управления состоянием - управляемые пропсы, колбэки событий, запасной выход через ref
• Redux toolkit - пошаговое руководство по интеграции

Интеграции с фреймворками

• Next.js - использование React Spreadsheet с App Router в Next.js

Темы и локализация

• Темы - встроенные темы и переопределение CSS
• Локализация - переводы интерфейса и форматирование чисел/дат