Artigos sobre Tabelas

Wireframe minimalista de uma tabela de desktop reorganizada para uma apresentação adequada no mobile.

Como tornar tabelas responsivas no mobile

Tabelas responsivas devem preservar relações, contexto e ações no mobile. Escolha entre rolagem local, linhas empilhadas ou uma lista conforme a tarefa e a densidade dos dados.

Wireframe minimalista comparando uma tabela e três cards.

Quando usar tabela em vez de cards

Escolha tabelas para comparar dados estruturados e cards para explorar resumos independentes; a decisão depende da tarefa, do conteúdo e do dispositivo.

Wireframe de uma tabela com uma coluna ordenada e destacada

Como ordenar dados em tabelas

Ordene uma tabela apenas quando isso ajudar a comparar dados, indique claramente a coluna e a direção ativas e mantenha o controle acessível por teclado e leitor de tela.