Data Capability

DataTable · DataList · Paginator · Filters · DetailsPanel

DataTable — tabela com ordenação e seleção

Lista de projetos
NomeStatusClienteValor
Projeto AlphaAtivoCliente AR$ 120.000
Projeto BetaEm revisãoCliente BR$ 85.000
Projeto GammaConcluídoCliente CR$ 200.000
Projeto DeltaPausadoCliente AR$ 45.000
Projeto EpsilonAtivoCliente DR$ 310.000

DataTable + Paginator — paginação standalone

Projetos paginados
NomeStatusClienteValor
Projeto AlphaAtivoCliente AR$ 120.000
Projeto BetaEm revisãoCliente BR$ 85.000
Projeto GammaConcluídoCliente CR$ 200.000
Projeto DeltaPausadoCliente AR$ 45.000
Projeto EpsilonAtivoCliente DR$ 310.000

Filters — chips de filtros ativos

  • Status: Ativo
  • Cliente: Cliente A

↑ clique no × de cada chip para remover, ou em "Limpar tudo".

DetailsPanel — painel lateral de detalhes

↑ clique em um projeto para abrir o painel lateral. Feche com Escape ou o botão ×.

DataList — lista de itens