x-extends/vxe-table

O que é?

Recursos principais

• 01Grade editável com operações para adicionar, excluir, atualizar e consultar dados
• 02Rolagem virtual e mesclagem virtual para grandes conjuntos de dados
• 03Seleção de intervalos de células e copiar e colar no estilo Excel (edição Enterprise)
• 04Colunas fixas, cabeçalhos multinível, células mescladas e agrupamento de linhas
• 05Filtros, ordenação por vários campos e reordenação de linhas e colunas por arrastar e soltar
• 06Validação de dados, desfazer/refazer edições e navegação completa pelo teclado

Casos de uso

• Criar telas administrativas de back-office com grades de dados editáveis em Vue
• Exibir grandes conjuntos de dados tabulares que exigem rolagem fluida
• Criar formulários de entrada de dados no estilo de planilha, com validação

Início rápido

1. 1

   Instale o pacote pelo npm

   npm install vxe-table
2. 2

   Importe o componente e os estilos e, em seguida, registre-o no Vue

3. 3

   Use o componente vxe-table no template com data e columns

Antes de usar

• !As instruções de instalação são voltadas ao Vue 3; a versão para Vue 2 está em uma branch separada (v3).
• !Não oferece suporte ao Internet Explorer.
• !Alguns recursos avançados, como copiar e colar no estilo do Excel e o resumo de dados, são listados como recursos da edição Enterprise.

Tópicos

Perguntas frequentes

O que é vxe-table?

Componente de tabela de dados para PC em Vue 2/3, com edição em linha, rolagem virtual, copiar e colar no estilo Excel, filtros e agrupamento no estilo tabela dinâmica. vxe-table é um componente de grade de dados voltado para aplicações web corporativas em PC, desenvolvido sobre a biblioteca base Vxe UI. Permite adicionar, excluir, editar e consultar linhas, além de oferecer validação de dados, desfazer/refazer edições e navegação completa pelo teclado.

vxe-table é gratuito? Qual é a licença?

vxe-table é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.

vxe-table ainda é mantido?

Manutenção ativa. O último commit de vxe-table foi em 5 de nov. de 2026.

Para que posso usar vxe-table?

Criar telas administrativas de back-office com grades de dados editáveis em Vue Exibir grandes conjuntos de dados tabulares que exigem rolagem fluida Criar formulários de entrada de dados no estilo de planilha, com validação

Como instalar vxe-table?

Instale o pacote pelo npm: npm install vxe-table Importe o componente e os estilos e, em seguida, registre-o no Vue Use o componente vxe-table no template com data e columns

Onde consigo vxe-table?

O código-fonte e as instruções de instalação estão no GitHub: https://github.com/x-extends/vxe-table