data table filters

Sobre o projeto

Esta é uma demonstração independente da tabela de dados que usaremos no painel OpenStatus.

Para torná-lo não apenas mais acessível para você usar, mas também trabalha no POC/MVP com mesas de dados, como iniciamos este repositório. Vamos mantê -lo e adicionar novos exemplos ao longo do tempo.

Atualmente inclui:

• Tabela de dados com paginação simples
• Tabela de dados com rolagem infinita e detalhes de clique

Os exemplos são fortemente inspirados nas tabelas de log Datadog e Vercel.

Construído com

Nossa pilha é:

• NextJs
• Tanstack-Query
• TanStack-Table
• shadcn/ui
• cmdk
• Nuqs
• dnd-kit

Consideraremos fazer um exemplo com o Vitejs para todos os nossos amantes de React Raw. As contribuições são bem -vindas!

Começando

Nenhuma variável de ambiente necessária. Execute o servidor de desenvolvimento:

npm run dev

Abra http: // localhost: 3000 com seu navegador para ver o resultado.

Quer mais?

Se você estiver procurando por casos de uso específicos ou como o que estamos construindo e queremos nos contratar, fique de graça, escreva-nos para [email protected] ou marcar uma chamada via Cal.com.

Créditos

• sadmann17 para @dnd-kit componente <Sortable />
• Shelwin_ para a inspiração do gráfico Draggable (consulte Zoom-Chart-Demo.vercel.app)