Jspreadsheet CE — лёгкий JavaScript-компонент для веб-приложений, который добавляет в таблицы редактирование в стиле Excel, формулы и типы столбцов.
x-extends/vxe-table
Компонент таблиц данных для Vue 2/3 в веб-приложениях для ПК: редактирование, виртуальная прокрутка, копирование и вставка как в Excel, фильтрация и группировка в стиле сводных таблиц.
Open source альтернатива:Handsontable
AG Grid
- Звёзды
- 8,630
- Форки
- 1,143
- Открытые issues
- 1,348
- Последний коммит
- 21 час назад
Что это?
vxe-table — компонент табличной сетки для веб-приложений корпоративного уровня, созданный на базе библиотеки Vxe UI. Он поддерживает добавление, удаление, редактирование и поиск строк, проверку данных, отмену и повтор изменений, а также полноценную навигацию с клавиатуры.
Компонент подходит для самых разных задач: закрепление столбцов, многоуровневые заголовки, объединение ячеек, группировка строк, раскрывающиеся строки, древовидные данные, сортировка строк и столбцов перетаскиванием, скрытие и отображение столбцов, импорт, экспорт и печать. Большие наборы данных обрабатываются с помощью виртуальной прокрутки и виртуального объединения ячеек, а оформление можно настраивать через CSS-переменные.
В проекте есть отдельные ветки для Vue 2.6–2.7 (v3.x) и Vue 3.x (v4.x). Некоторые расширенные возможности, например сводки по данным, агрегатные функции, выделение диапазонов ячеек, копирование и вставка ячеек, поиск и замена, а также встроенные диаграммы, доступны в корпоративной редакции.
Ключевые возможности
- 01Редактируемая таблица с добавлением, удалением, обновлением и поиском данных
- 02Виртуальная прокрутка и виртуальное объединение ячеек для больших наборов данных
- 03Выделение диапазонов ячеек и копирование и вставка в стиле Excel (корпоративная редакция)
- 04Закрепление столбцов, многоуровневые заголовки, объединение ячеек и группировка строк
- 05Фильтрация, сортировка по нескольким полям и изменение порядка строк и столбцов перетаскиванием
- 06Проверка данных, отмена и повтор изменений, полноценная навигация с клавиатуры
Сценарии использования
- Создание административных интерфейсов с редактируемыми таблицами данных на Vue
- Отображение больших табличных наборов данных с плавной прокруткой
- Создание форм для ввода данных в стиле электронных таблиц с проверкой данных
Быстрый старт
- 1
Установите пакет из npm
npm install vxe-table - 2
Импортируйте компонент и стили, затем зарегистрируйте его в Vue
- 3
Используйте компонент vxe-table в шаблоне, указав data и columns
Что важно знать
- Инструкции по установке предназначены для Vue 3; версия для Vue 2 находится в отдельной ветке (v3).
- Internet Explorer не поддерживается.
- Некоторые расширенные функции, например копирование и вставка в стиле Excel и сводка данных, указаны как возможности редакции Enterprise.
Темы
Частые вопросы
- Что такое vxe-table?
- Компонент таблиц данных для Vue 2/3 в веб-приложениях для ПК: редактирование, виртуальная прокрутка, копирование и вставка как в Excel, фильтрация и группировка в стиле сводных таблиц. vxe-table — компонент табличной сетки для веб-приложений корпоративного уровня, созданный на базе библиотеки Vxe UI. Он поддерживает добавление, удаление, редактирование и поиск строк, проверку данных, отмену и повтор изменений, а также полноценную навигацию с клавиатуры.
- vxe-table можно использовать бесплатно? Какая у него лицензия?
- vxe-table распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- vxe-table всё ещё поддерживается?
- Активно поддерживается. Последний коммит в vxe-table — 5 нояб. 2026 г..
- Для чего можно использовать vxe-table?
- Создание административных интерфейсов с редактируемыми таблицами данных на Vue Отображение больших табличных наборов данных с плавной прокруткой Создание форм для ввода данных в стиле электронных таблиц с проверкой данных
- Как установить vxe-table?
- Установите пакет из npm: npm install vxe-table Импортируйте компонент и стили, затем зарегистрируйте его в Vue Используйте компонент vxe-table в шаблоне, указав data и columns
- Где скачать vxe-table?
- Исходный код и инструкции по установке — на GitHub: https://github.com/x-extends/vxe-table
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Набор React-компонентов для создания сложных веб-интерфейсов с большим объёмом данных в стиле настольных приложений.
Библиотека визуализации на TypeScript для многомерных сводных таблиц и аналитических сеток с компонентами React и Vue.
Компонент таблицы данных на JavaScript/TypeScript с интерфейсом электронной таблицы, редактированием и формулами; работает с React, Angular и Vue.
React-грид данных без зависимостей, с headless- и готовым оформлением, сортировкой, фильтрацией, группировкой, pivoting и виртуализацией.
Headless-библиотека таблиц на TypeScript/JavaScript для создания дата-гридов с полным контролем над разметкой и стилями в React, Vue, Solid, Svelte и других фреймворках.