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:

  1. 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.

  2. 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.

  3. 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.

Fique por dentro!

Adicione o calendário do curso DesignCraft na sua agenda

Construído com 🤍 pelo

©

2024

DesignCraft

Concluir