Repolode
jspreadsheet

jspreadsheet/ce

Jspreadsheet CE — лёгкий JavaScript-компонент для веб-приложений, который добавляет в таблицы редактирование в стиле Excel, формулы и типы столбцов.

Open source альтернатива:ExcelGoogle Sheets

Звёзды
7,242
Форки
892
Открытые issues
155
Последний коммит
24 дня назад

Что это?

Jspreadsheet CE — JavaScript-компонент, который превращает HTML-контейнер в интерактивную таблицу в стиле электронных таблиц. Он предназначен для разработчиков, которым нужно дать пользователям возможность просматривать, вводить и редактировать табличные данные в браузере, не создавая таблицу с нуля.

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

Пакет опубликован в npm и доступен для подключения через CDN. Он распространяется по лицензии MIT. В проекте есть обёртки для React и Vue, а также примеры для jQuery и веб-компонентов.

Ключевые возможности

  • 01Редактирование в стиле Excel со стандартными сочетаниями клавиш для копирования и вставки
  • 02Столбцы с разными типами данных: текст, числа с масками, выпадающие списки, календари, флажки, цвета и изображения
  • 03Поддержка формул, в том числе в нижнем колонтитуле
  • 04Перетаскивание и изменение ширины столбцов, многоуровневые заголовки
  • 05Несколько листов в одной таблице
  • 06Специальные обёртки для React и Vue

Сценарии использования

  • Редактируемые таблицы в интерфейсах ERP-систем и систем управления запасами
  • Таблицы для ввода оценок или данных об учениках в образовательных системах
  • Сбор лабораторных или исследовательских данных с пользовательской валидацией
  • Добавление редактирования в стиле электронных таблиц в существующее веб-приложение

Быстрый старт

  1. 1

    Установите пакет из npm

    npm install jspreadsheet-ce
  2. 2

    Добавьте скрипты и таблицы стилей Jspreadsheet и Jsuites в HTML-файл или используйте CDN-ссылки из README

  3. 3

    Создайте контейнер div с атрибутом id и инициализируйте таблицу с помощью jspreadsheet() в JavaScript

  4. 4

    Разместите HTML-файл на сервере и откройте его в браузере, чтобы увидеть таблицу

Что важно знать

  • В версии 5 архитектура изменилась по сравнению с v4, поэтому для обновления потребуется изменить код согласно руководству по обновлению.
  • Расширенные функции, например некоторые возможности для корпоративных клиентов, доступны только в платной версии Jspreadsheet Pro.

Темы

Частые вопросы

Что такое ce?
Jspreadsheet CE — лёгкий JavaScript-компонент для веб-приложений, который добавляет в таблицы редактирование в стиле Excel, формулы и типы столбцов. Jspreadsheet CE — JavaScript-компонент, который превращает HTML-контейнер в интерактивную таблицу в стиле электронных таблиц. Он предназначен для разработчиков, которым нужно дать пользователям возможность просматривать, вводить и редактировать табличные данные в браузере, не создавая таблицу с нуля.
ce можно использовать бесплатно? Какая у него лицензия?
ce распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
ce всё ещё поддерживается?
Активно поддерживается. Последний коммит в ce — 14 окт. 2026 г..
Для чего можно использовать ce?
Редактируемые таблицы в интерфейсах ERP-систем и систем управления запасами Таблицы для ввода оценок или данных об учениках в образовательных системах Сбор лабораторных или исследовательских данных с пользовательской валидацией Добавление редактирования в стиле электронных таблиц в существующее веб-приложение
Как установить ce?
Установите пакет из npm: npm install jspreadsheet-ce Добавьте скрипты и таблицы стилей Jspreadsheet и Jsuites в HTML-файл или используйте CDN-ссылки из README Создайте контейнер div с атрибутом id и инициализируйте таблицу с помощью jspreadsheet() в JavaScript Разместите HTML-файл на сервере и откройте его в браузере, чтобы увидеть таблицу
Где скачать ce?
Исходный код и инструкции по установке — на GitHub: https://github.com/jspreadsheet/ce

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты