Jspreadsheet CE es un componente JavaScript ligero de cuadrícula de datos con edición similar a Excel, fórmulas y tipos de columna para aplicaciones web.
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:Handsontable
AG 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
Instala el paquete desde npm
npm install vxe-table - 2
Importa el componente y los estilos, y luego regístralo en Vue
- 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
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
Kit de herramientas de interfaz de usuario basado en React para crear interfaces web complejas y con muchos datos, como aplicaciones de escritorio.
Biblioteca de visualización en TypeScript para crear tablas dinámicas y cuadrículas de análisis multidimensionales, con componentes para React y Vue.
Componente de cuadrícula de datos para JavaScript/TypeScript con aspecto de hoja de cálculo, edición y fórmulas, compatible con React, Angular y Vue.
Una cuadrícula de datos para React sin dependencias, con modos headless y con estilos predefinidos, que admite ordenación, filtrado, agrupación, pivotado y virtualización.
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.