Repolode
x-extends

x-extends/vxe-table

Компонент таблиц данных для Vue 2/3 в веб-приложениях для ПК: редактирование, виртуальная прокрутка, копирование и вставка как в Excel, фильтрация и группировка в стиле сводных таблиц.

Open source альтернатива:HandsontableAG 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. 1

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

    npm install vxe-table
  2. 2

    Импортируйте компонент и стили, затем зарегистрируйте его в Vue

  3. 3

    Используйте компонент vxe-table в шаблоне, указав data и columns

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

  • Инструкции по установке предназначены для Vue 3; версия для Vue 2 находится в отдельной ветке (v3).
  • Internet Explorer не поддерживается.
  • Некоторые расширенные функции, например копирование и вставка в стиле Excel и сводка данных, указаны как возможности редакции Enterprise.

Темы

#vue#table#data-grid#virtual-scroll#editable-table#typescript#components#cell#checkbox#editable

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

Что такое 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 обновляется ежедневно.

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

Headless-библиотека таблиц на TypeScript/JavaScript для создания дата-гридов с полным контролем над разметкой и стилями в React, Vue, Solid, Svelte и других фреймворках.

28,6 тыс.+17 за неделю3,6 тыс.TypeScriptMITОбновлён 3 дня назад