SpreadSheet JavaScript виджет для веб-разработчиков
Webix SpreadSheet это настраиваемый web виджет, который предоставляет всю функциональность электронных таблиц в Excel стиле. Добавьте JavaScript компонент SpreadSheet в свое бизнес приложение всего при помощи 5 строк кода. Вам будут доступны все привычные функции как в десктопным Excel (формулы и вычисления, сортировка и фильтры, форматирование, различные типы данных)
Другие виджеты Webix:
Что такое электронная таблица (SpreadSheet)?
Электронная таблица, это приложение для работы с табличными данными. Используя SpreadSheet, пользователи могут производить вычисления, автоматизировать процесс ввода и обработки данных, удобно визуализировать табличные данные, строить сводные таблицы и многое другое. Webix предлагает уникальный UI виджет, который предоставляет функциональность SpreadSheet прямо в браузере, на стороне клиента. Вся мощь и функциональность электронных таблиц может быть интегрирована в любое бизнес приложение. Это готовое решение, которое позволит Вам сэкономить много часов web разработки и UI дизайна.
Преимущества JS SpreadSheet
Гибкие вычисления
Вычисления могут проходить как на клиентской, так и на серверной части Вашего приложения.
Сверх быстрый рендеринг
Наш SpreadSheet глубоко оптимизирован и позволяет мгновенно отрисовывать большое количество данных.
Документация, поддержка, примеры
Продукт с детальной документацией и службой технической поддержки.
Поддержка Excel формата
Загружайте и сохраняйте данные в/из Excel документов в Webix SpreaSheet с сохранением данных, формул и форматирования. Поддержка Microsoft Excel (.xlsx) и Microsoft Excel 97-2003 (.xls) форматов.
Легкая интеграция с бекендом
Простая интеграция с backend: PHP, Node.js, Golang и .NET.
Настраиваемость
Все элементы можно настроить через API, без необходимости редактировать что-либо в исходных кодах.
Легкая интеграция с фронтендом
Может работать со всеми современными фреймворками. Вы можете использовать его отдельно или внутри приложения React, Angular.
Для всех браузеров и платформ
Работает во всех современных браузерах и удобен в стилизации с помощью CSS.
Дополнительные возможности для ваших приложений на JavaScript
Используйте встроенные формулы и именованные диапазоны.
Организовывайте данные с помощью сортировки, фильтрации и условного форматирования.
Добавляйте в ячейки изображения и графики.
Копируйте содержимое ячеек в буфер обмена и вставляйте его в другие ячейки или Excel файлы.
Используйте расширенную функциональность SpreadSheet: применяйте сложение строк, добавляйте выпадающие списки, связывайте данные в разных таблицах и т.д.
Используйте режим read-only чтобы защитить данные от изменения.
Настраивайте внешний вид таблиц: изменяйте цвета и формат данных.
Создавайте несколько таблиц, легко добавляйте или скрывайте строки и столбцы, изменяйте размер ячеек, перетаскивая их границы, и управляйте видимостью границ ячеек.
Загружайте документы Excel и скачивайте данные в виде файлов Excel, PDF или PNG.
Возможность встраивать и детально настраивать график (тип, диапазон значений, цвет графика, настройки легенды и тд.)
Возможность использовать больше чем 200 математических функций.
Выбирайте тип диаграммы на ваш вкус.
Живое демо с JavaScript SpreadSheet
1
2
3
4
5
6
Report - July 2016
Region
Europe
Europe
Europe
Asia
Country
Germany
France
Poland
Japan
Sales - Group A
$188,400.00
$192,200.00
$68,900.00
$140,000.00
Sales - Group B
$52,000.00
$12,000.00
$8,000.00
$14,000.00
Total
$240,400.00
$204,200.00
$76,900.00
$154,000.00
Sales - Group A
Sales - Group B
Total
Report - July 2016
Report - July 2016
Spreadsheet JavaScript примеры
Поиск: подсвечивание ячеек
Подсвечивание ячеек, в которых найдена нужная последовательность символов
Кастомный фильтр
Отображение строк, в которых содержатся данные, удовлетворяющие условию поиска
Диалоговые окна, содержащие таблицы
Возможность выводить диалоговые окна и отображать в них собственные таблицы
Кастомные комментарии
Интеграция виджета комментариев в Spreadsheet
Вставка изображений в ячейки
Возможность размещать изображение внутри одной или нескольких ячеек
Внешний UI - пользовательские виды
Создание кастомных видов - плавающих таблиц
Placeholders
Пример интерфейса с использованием плейсхолдеров
Условное форматирование
Пример реализации условного форматирования
Фильтры как в Excel
Пример реализации фильтров
Выпадающие списки
Пример реализации выпадающих списков
Сортировка
Пример реализации сортировки
Sparklines
Пример добавления Sparklines
Часто задаваемые вопросы
Вы найдете перечень встроенных функций на этой странице. Также, Вы можете добавлять собственные функции в соответствии с этим руководством.
Да. Spreadsheet позволяет использовать как обычные графики, так и sparklines.
Нет. Все комплексные виджеты требуют наличие коммерческого пакета Webix Pro.
- Вы можете связаться с нами, чтобы договориться о проведении презентации.
- Вы можете воспользоваться каталогом примеров.
- Также, мы подробно описали все возможность в документации.
Все вычисления происходят на стороне клиента - в браузере.
Да. Вам надо активировать соответствующую настройку. Вот пример работающего редактора, который позволяет создавать формулы в Excel стиле при нажатии символа "=".
Да. Вы можете импортировать данные из Excel файлов, и экспортировать обратно в Excel.
По истечении пробного периода вся функциональность Spreadsheet будет заблокирована. Но Вы можете обратиться к нам, чтобы продлить пробный период.
Безусловно. Комплексные виджеты легко настраивать, интегрировать и кастомизировать. Для помощи с этим, мы создали подробную документацию.
