Установка React Spreadsheet
React Spreadsheet распространяется как npm-пакет в трёх вариантах: публичная ознакомительная сборка, приватная ознакомительная сборка и коммерческий релиз. На этой странице описано, как установить каждый вариант, подключить необходимую CSS-таблицу стилей и настроить поддержку TypeScript.
- Node.js (рекомендуется LTS-версия)
- React 18 или новее
Ознакомительная версия (публичный npm)
Ознакомительный пакет доступен в публичном реестре npm без дополнительной настройки. Включает бесплатный 30-дневный ознакомительный период.
npm install @dhtmlx/trial-react-spreadsheet
или через yarn:
yarn add @dhtmlx/trial-react-spreadsheet
Ознакомительная версия (приватный npm)
Ознакомительная версия находится в приватном реестре DHTMLX. Сначала настройте проект:
npm config set @dhx:registry https://npm.dhtmlx.com
Затем установите:
npm install @dhx/trial-react-spreadsheet
Коммерческая версия (приватный npm)
Коммерческая версия использует тот же приватный реестр. Войдите в свой аккаунт в Клиентской зоне, чтобы получить учётные данные.
npm config set @dhx:registry https://npm.dhtmlx.com
npm install @dhx/react-spreadsheet
Варианты пакетов
| Вариант | Имя пакета | Реестр |
|---|---|---|
| Ознакомительный (публичный npm) | @dhtmlx/trial-react-spreadsheet | npmjs.org (публичный) |
| Ознакомительный (приватный npm) | @dhx/trial-react-spreadsheet | npm.dhtmlx.com (приватный) |
| Коммерческий | @dhx/react-spreadsheet | npm.dhtmlx.com (приватный) |
Подключение CSS
Подключите таблицу стилей в точке входа вашего приложения или в компоненте:
import "@dhtmlx/trial-react-spreadsheet/spreadsheet.react.css";
Для коммерческой версии:
import "@dhx/react-spreadsheet/spreadsheet.react.css";
TypeScript
Определения типов TypeScript включены в пакет. Дополнительный пакет @types/ не требуется.
Следующие шаги
- Быстрый старт - создание первого приложения с таблицей шаг за шагом