SpreadSheet JavaScript виджет для веб-разработчиков

Webix SpreadSheet это настраиваемый web виджет, который предоставляет всю функциональность электронных таблиц в Excel стиле. Добавьте JavaScript компонент SpreadSheet в свое бизнес приложение всего при помощи 5 строк кода. Вам будут доступны все привычные функции как в десктопным Excel (формулы и вычисления, сортировка и фильтры, форматирование, различные типы данных)

spreadsheet
1 2 3 4 5

1. Импорт и экспорт

Импортируйте документы Excel в SpreadSheet и экспортируйте данные в Excel, PDF и PNG файлы.

2. Дополнительные функции

Создавайте свои функции для работы с данными.

3. Гибкая настройка SpreadSheet

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

4. Локализация

Отображайте даты, числа, денежные единицы и надписи согласно правилам вашей страны.

5. Дополнительные компоненты и Webix API

Используйте всплывающие окна, диалоговые окна и другие компоненты библиотеки Webix UI, чтобы расширить функциональность виджета.

Что такое электронная таблица (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

features-1

Используйте встроенные формулы и именованные диапазоны.

features-2

Организовывайте данные с помощью сортировки, фильтрации и условного форматирования.

features-3

Добавляйте в ячейки изображения и графики.

features-4

Копируйте содержимое ячеек в буфер обмена и вставляйте его в другие ячейки или Excel файлы.

features-5

Используйте расширенную функциональность SpreadSheet: применяйте сложение строк, добавляйте выпадающие списки, связывайте данные в разных таблицах и т.д.

features-6

Используйте режим read-only чтобы защитить данные от изменения.

features-7

Настраивайте внешний вид таблиц: изменяйте цвета и формат данных.

features-8

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

features-9

Загружайте документы Excel и скачивайте данные в виде файлов Excel, PDF или PNG.

features-10

Возможность встраивать и детально настраивать график (тип, диапазон значений, цвет графика, настройки легенды и тд.)

features-11

Возможность использовать больше чем 200 математических функций.

features-12

Выбирайте тип диаграммы на ваш вкус.

Живое демо с JavaScript SpreadSheet

Spreadsheet JavaScript примеры

Поиск: подсвечивание ячеек

Поиск: подсвечивание ячеек

Подсвечивание ячеек, в которых найдена нужная последовательность символов

Кастомный фильтр

Кастомный фильтр

Отображение строк, в которых содержатся данные, удовлетворяющие условию поиска

Диалоговые окна, содержащие таблицы

Диалоговые окна, содержащие таблицы

Возможность выводить диалоговые окна и отображать в них собственные таблицы

Кастомные комментарии

Кастомные комментарии

Интеграция виджета комментариев в Spreadsheet

Вставка изображений в ячейки

Вставка изображений в ячейки

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

Внешний UI - пользовательские виды

Внешний UI - пользовательские виды

Создание кастомных видов - плавающих таблиц

Placeholders

Placeholders

Пример интерфейса с использованием плейсхолдеров

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

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

Пример реализации условного форматирования

Фильтры как в Excel

Фильтры как в Excel

Пример реализации фильтров

Выпадающие списки

Выпадающие списки

Пример реализации выпадающих списков

Сортировка

Сортировка

Пример реализации сортировки

Sparklines

Sparklines

Пример добавления Sparklines

Часто задаваемые вопросы

Что такое комплексные виджеты?

Это полноценные одностраничные приложения с готовыми back-end и front-end слоями, которые Вы можете скачать и встроить в свое решение. С полным перечнем комплексных виджетов Вы можете ознакомиться по ссылке.

Какие математические формулы и функции поддерживает Webix SpreadSheet?

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

Spreadsheet совместим с Webix community (opensource) edition?

Нет. Все комплексные виджеты требуют наличие коммерческого пакета Webix Pro.

Где SpreadSheet осуществляет вычисления на стороне back-end или в браузере (front-end)?

Все вычисления происходят на стороне клиента - в браузере.

Spreadsheet будет работать по истечении пробного периода?

По истечении пробного периода вся функциональность Spreadsheet будет заблокирована. Но Вы можете обратиться к нам, чтобы продлить пробный период.

Можно ли изменять UI и дизайн для Webix Spreadsheet?

Безусловно. Комплексные виджеты легко настраивать, интегрировать и кастомизировать. Для помощи с этим, мы создали подробную документацию.

Webix Spreadsheet licensing