Módulo
08
·
Aula
15
·
Layout & Padrões de UI
Data Tables (Tabelas)
Aprenda a criar tabelas interativas que organizam informações complexas com clareza, suportando ações eficientes e proporcionando uma experiência de usuário personalizável e responsiva.
Nesta aula, exploramos as data tables como uma evolução das tabelas tradicionais, projetadas para organizar grandes volumes de dados com interatividade e funcionalidade avançadas.
Pontos principais da aula:
O que são data tables?
Tabelas interativas que permitem visualização, filtragem e manipulação eficiente de grandes conjuntos de dados.
Incluem recursos como ordenação, filtros e ações em massa.
Características essenciais:
Legibilidade: Tipografia clara, espaçamento adequado e alinhamento consistente entre colunas.
Interatividade: Suporte a ordenação, filtros avançados, busca e personalização de colunas.
Ações em lote: Permitem selecionar múltiplas linhas para executar ações simultâneas, como excluir ou mover itens.
Responsividade: Design adaptável para diferentes dispositivos, utilizando rolagem horizontal, ocultação de colunas ou reorganização de dados.
Boas práticas de design:
Alinhar textos à esquerda e valores numéricos à direita para melhor legibilidade.
Oferecer personalização, como ocultar ou reordenar colunas conforme a necessidade do usuário.
Utilizar linhas expansíveis, tooltips e modais para exibir informações detalhadas sem sobrecarregar a tabela.
Construído com 🤍 pelo
©
2024
DesignCraft