Repolode
x-extends

x-extends/vxe-table

Componente de tablas de datos para Vue 2/3 en aplicaciones web de escritorio, con edición en línea, desplazamiento virtual, copiar y pegar al estilo de Excel, filtros y agrupación tipo tabla dinámica.

Alternativa open source a:HandsontableAG Grid

Estrellas
8,631
Forks
1,142
Issues abiertos
1,348
Último commit
anteayer

¿Qué es?

vxe-table es un componente de cuadrícula de datos orientado a empresas para aplicaciones web de escritorio, basado en la biblioteca Vxe UI. Permite agregar, eliminar, editar y consultar filas, además de validar datos, deshacer y rehacer cambios, y navegar con el teclado de forma completa.

El componente cubre una amplia variedad de necesidades para tablas: columnas fijas, encabezados multinivel, celdas combinadas, agrupación de filas, filas expandibles, datos en árbol, ordenamiento de filas y columnas mediante arrastre, mostrar u ocultar columnas, e importar, exportar e imprimir. El desplazamiento virtual y la combinación virtual permiten manejar grandes conjuntos de datos, y el estilo se puede personalizar con variables CSS.

El proyecto ofrece ramas separadas para Vue 2.6 a 2.7 (v3.x) y Vue 3.x (v4.x). Algunas funciones avanzadas, como resúmenes de datos, funciones de agregación, selección de rangos de celdas, copiar y pegar celdas, buscar y reemplazar, y gráficos integrados, se indican como capacidades de la edición empresarial.

Funciones clave

  • 01Cuadrícula editable con operaciones para agregar, eliminar, actualizar y consultar datos
  • 02Desplazamiento virtual y combinación virtual para grandes conjuntos de datos
  • 03Selección de rangos de celdas y copiar y pegar al estilo de Excel (edición empresarial)
  • 04Columnas fijas, encabezados multinivel, celdas combinadas y agrupación de filas
  • 05Filtros, ordenamiento por varios campos y reordenamiento de filas y columnas mediante arrastre
  • 06Validación de datos, deshacer y rehacer cambios, y navegación completa con el teclado

Casos de uso

  • Crear pantallas administrativas con cuadrículas de datos editables en Vue
  • Mostrar grandes conjuntos de datos tabulares que requieren un desplazamiento fluido
  • Crear formularios de ingreso de datos similares a hojas de cálculo, con validación

Inicio rápido

  1. 1

    Instala el paquete desde npm

    npm install vxe-table
  2. 2

    Importa el componente y los estilos, y luego regístralo en Vue

  3. 3

    Usa el componente vxe-table en tu plantilla con data y columns

Antes de usarlo

  • Las instrucciones de instalación están dirigidas a Vue 3; la versión para Vue 2 está en una rama aparte (v3).
  • No es compatible con Internet Explorer.
  • Algunas funciones avanzadas, como copiar y pegar al estilo de Excel y el resumen de datos, se indican como funciones de la edición Enterprise.

Temas

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

Preguntas frecuentes

¿Qué es vxe-table?
Componente de tablas de datos para Vue 2/3 en aplicaciones web de escritorio, con edición en línea, desplazamiento virtual, copiar y pegar al estilo de Excel, filtros y agrupación tipo tabla dinámica. vxe-table es un componente de cuadrícula de datos orientado a empresas para aplicaciones web de escritorio, basado en la biblioteca Vxe UI. Permite agregar, eliminar, editar y consultar filas, además de validar datos, deshacer y rehacer cambios, y navegar con el teclado de forma completa.
¿vxe-table es gratuito? ¿Qué licencia tiene?
vxe-table es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿vxe-table sigue mantenido?
Mantenimiento activo. El último commit de vxe-table fue el 5 nov 2026.
¿Para qué puedo usar vxe-table?
Crear pantallas administrativas con cuadrículas de datos editables en Vue Mostrar grandes conjuntos de datos tabulares que requieren un desplazamiento fluido Crear formularios de ingreso de datos similares a hojas de cálculo, con validación
¿Cómo se instala vxe-table?
Instala el paquete desde npm: npm install vxe-table Importa el componente y los estilos, y luego regístralo en Vue Usa el componente vxe-table en tu plantilla con data y columns
¿Dónde consigo vxe-table?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/x-extends/vxe-table

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados

Librería headless de tablas para TypeScript y JavaScript, con la que crear datagrids y controlar por completo el marcado y los estilos en React, Vue, Solid, Svelte y más.

28,6 mil+12 esta semana3,6 milTypeScriptMITActualizado hace 5 días