Перейти к основному содержимому

Обзор DHTMLX Spreadsheet

DHTMLX Spreadsheet — клиентский JavaScript-компонент для редактирования и форматирования данных таблиц онлайн. Он включает настраиваемую панель инструментов, удобное меню и контекстное меню, а также регулируемую сетку, поддерживает навигацию с помощью горячих клавиш, загрузку данных из внешних и локальных источников и может локализовать интерфейс на нужный язык.

Подсказка

Руководство пользователя упрощает работу со Spreadsheet для ваших пользователей.

Структура Spreadsheet

Панель инструментов

Раздел Панель инструментов весьма гибкий. Он содержит несколько блоков элементов управления по умолчанию: "undo", "colors", "decoration", "align", "cell", "format", "actions". Вы можете изменить структуру панели инструментов и добавить дополнительные блоки или задать собственный порядок блоков.

Панель инструментов DHTMLX Spreadsheet с элементами управления отменой, цветом, оформлением, выравниванием, ячейкой, форматом и действиями

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

Строка редактирования

Строка редактирования служит двум целям:

  • редактирование содержимого выбранной ячейки
  • контроль изменений в текущей редактируемой ячейке

Строка редактирования DHTMLX Spreadsheet для редактирования содержимого ячейки и отслеживания изменений

При необходимости строку редактирования можно отключить с помощью соответствующего параметра конфигурации.

Сетка

Сетка — это таблица, в которой столбцы обозначены буквами, а строки — числами. Таким образом, ячейка сетки определяется буквой столбца и номером строки, например C3.

Сетка DHTMLX Spreadsheet со столбцами, обозначенными буквами, и пронумерованными строками

Контекстное меню

Раздел Контекстное меню включает 6 пунктов — Заблокировать, Очистить, Столбцы, Строки, Сортировка и Вставить ссылку — с подпунктами.

Контекстное меню DHTMLX Spreadsheet с пунктами «Заблокировать», «Очистить», «Столбцы», «Строки», «Сортировка» и «Вставить ссылку»

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

Раздел Меню содержит несколько блоков, объединяющих наиболее часто используемые параметры из панели инструментов и контекстного меню для быстрого доступа.

По умолчанию раздел Меню скрыт, но его можно включить с помощью соответствующего параметра конфигурации.

Раздел меню DHTMLX Spreadsheet, объединяющий часто используемые параметры панели инструментов и контекстного меню

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

Что дальше

Теперь вы можете приступить к использованию DHTMLX Spreadsheet в своём приложении. Следуйте инструкциям руководства Как начать.

Чтобы узнать больше о DHTMLX Spreadsheet, ознакомьтесь с этими руководствами: