Инициализация

Это руководство описывает, как создать DHTMLX Spreadsheet на странице и добавить полнофункциональный рабочий лист в ваше приложение. Выполните следующие шаги, чтобы получить готовый к использованию компонент:

1. Подключите исходные файлы DHTMLX Spreadsheet на страницу.
2. Создайте контейнер для DHTMLX Spreadsheet.
3. Инициализируйте DHTMLX Spreadsheet с помощью конструктора объекта.

Подключение исходных файлов

Скачайте пакет и распакуйте его в папку вашего проекта.

Для создания DHTMLX Spreadsheet необходимо подключить 2 исходных файла на странице:

• spreadsheet.js
• spreadsheet.css

Убедитесь, что вы указываете правильные относительные пути к этим файлам:

index.html

<script type="text/javascript" src="codebase/spreadsheet.js"></script>  
<link rel="stylesheet" href="codebase/spreadsheet.css">

Структура пакета Spreadsheet следующая:

• sources — исходные файлы библиотеки; они легко читаемы и в основном предназначены для отладки;
• codebase — обфусцированные файлы библиотеки; они значительно меньше по размеру и предназначены для использования в производственной среде. Включайте эти файлы в свои приложения при их готовности;
• samples — примеры кода;
• docs — полная документация компонента.

Создание контейнера

Добавьте контейнер для Spreadsheet и задайте ему идентификатор, например "spreadsheet":

index.html

<div id="spreadsheet"></div>

Инициализация DHTMLX Spreadsheet

Инициализируйте DHTMLX Spreadsheet с помощью конструктора объекта dhx.Spreadsheet. Конструктор имеет два параметра:

• HTML-контейнер для Spreadsheet,
• объект со свойствами конфигурации. См. полный список ниже.

index.js

// creating DHTMLX Spreadsheet
const spreadsheet = new dhx.Spreadsheet("spreadsheet", {
    // config options
});

Свойства конфигурации

Ознакомьтесь с полным списком свойств, которые можно указать в объекте конфигурации Spreadsheet.

Параметры конфигурации можно задавать при инициализации в виде второго параметра конструктора: