Busca, filtros e paginação nas tabelas

Como funcionam os controles de qualquer tabela do painel: busca, ordenação, paginação e switches.

buscafiltropaginaçãotabelaordenação

Quando usar este guia

Você está em qualquer tabela do painel (Certificados, Clientes, Usuários, etc.) e quer aprender a usar os controles de busca, filtros e paginação. O padrão é o mesmo em todas elas.

Pré-requisitos

Nenhum — apenas estar em uma das páginas com tabela do painel.

Anatomia de uma tabela

Toda tabela do painel tem três áreas com controles:

(Imagem de uma tabela genérica com as 3 áreas destacadas aqui)

ÁreaOnde ficaO que controla
Toolbar (topo)Acima do cabeçalhoBusca, switches, botão de criar.
CabeçalhoPrimeira linhaOrdenação de cada coluna.
RodapéÚltima linhaPaginação e tamanho de página.

Busca (campo "Buscar...")

A busca fica sempre no canto superior esquerdo da toolbar. Ela filtra todas as linhas visíveis em tempo real, sem precisar apertar Enter.

(Imagem: destaque para o campo de busca aqui)

  • A busca é case-insensitive (não diferencia maiúsculas/minúsculas).
  • Ela procura em todas as colunas de texto da tabela. Por exemplo, em Certificados ela busca por nome, CNPJ, código, etc.
  • Não precisa esperar — vai filtrando enquanto você digita.

Dica: em algumas tabelas, o placeholder do campo já indica onde a busca atua. Ex.: em Clientes, aparece "Filtrar Clientes (Código, Nome, CPF/CNPJ)" — isso te diz que a busca cobre esses 3 campos.

Switches (filtros liga/desliga)

Ao lado da busca, em algumas tabelas você encontra switches que mostram ou escondem certos registros.

(Imagem: destaque para os switches da toolbar aqui)

Os mais comuns são:

SwitchOnde apareceO que faz
Mostrar Vencidos/InativosCertificadosPor padrão só aparecem os válidos. Ligue para ver tudo.
Mostrar InativosClientesPor padrão só aparecem os ativos. Ligue para ver também os inativos.

Dica: a posição do switch é a mesma em todas as tabelas — canto superior direito da toolbar.

Ordenação de colunas

Para ordenar, clique no cabeçalho da coluna que você quer ordenar. Cliques sucessivos alternam entre:

  1. Crescente (A → Z, mais antigo → mais novo)
  2. Decrescente (Z → A, mais novo → mais antigo)
  3. Sem ordenação (volta ao original)

(Imagem: destaque para um cabeçalho de coluna ordenável aqui)

Dica: uma pequena seta (▲ ou ▼) aparece ao lado do nome da coluna para indicar a direção da ordenação atual.

Nem todas as colunas são ordenáveis — as que são têm o cursor em forma de "mãozinha" ao passar o mouse.

Paginação

No rodapé da tabela você encontra os controles de paginação:

(Imagem: destaque para o rodapé de paginação aqui)

  • Primeira / Última: pula para a primeira ou última página.
  • Anterior / Próxima: avança/retrocede uma página.
  • "Ir para" (input): digite o número da página e aperte Enter.
  • Tamanho de página (select): escolha quantas linhas mostrar por página — geralmente há opções como 10, 20, 50 e 100.

Dica: se a tabela mostrar "1–10 de 47", você está vendo a primeira página. Para ver todos os 47 registros, mude o tamanho de página para 100.

Botões de ação nas linhas

Em algumas colunas (geralmente a última) você vê ícones de ação. Passe o mouse sobre cada um para ver o tooltip com o que ele faz.

(Imagem: destaque para os ícones de ação em uma linha aqui)

Atenção: alguns botões podem aparecer desabilitados (cor mais clara). Isso acontece quando você não tem permissão para aquela ação ou quando a ação não se aplica àquele registro. Passe o mouse para ver o motivo no tooltip.

Próximos passos

Artigos relacionados