React-грид данных без зависимостей, с headless- и готовым оформлением, сортировкой, фильтрацией, группировкой, pivoting и виртуализацией.
jspreadsheet/ce
Jspreadsheet CE — лёгкий JavaScript-компонент для веб-приложений, который добавляет в таблицы редактирование в стиле Excel, формулы и типы столбцов.
Open source альтернатива:Excel
Google 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
Установите пакет из npm
npm install jspreadsheet-ce - 2
Добавьте скрипты и таблицы стилей Jspreadsheet и Jsuites в HTML-файл или используйте CDN-ссылки из README
- 3
Создайте контейнер div с атрибутом id и инициализируйте таблицу с помощью jspreadsheet() в JavaScript
- 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 обновляется ежедневно.
Похожие проекты
Компонент таблицы данных на JavaScript/TypeScript с интерфейсом электронной таблицы, редактированием и формулами; работает с React, Angular и Vue.
Порт библиотеки Go Excelize на WebAssembly и JavaScript для чтения и записи файлов Excel XLSX, XLSM, XLTX и других табличных форматов в Node.js и браузерах.
Библиотека на чистом Go для чтения и записи таблиц XLSX, XLSM, XLTX, XLTM и XLAM без Microsoft Office.
Разрабатываемый на Rust табличный движок с поддержкой чтения и записи xlsx и биндингами для Python и JavaScript (wasm).
Библиотека Python для чтения и записи файлов Excel (XLSX, XLSM, XLTX, XLTM, XLAM), портированная с Go-библиотеки Excelize.