Tabelas WordPress mais responsivas com cabeçalhos repetidos

As tabelas do WordPress são uma faca de dois gumes, apesar do progresso do WordPress ao longo dos anos. Elas são os candidatos perfeitos para apresentar dados, mas desfavoráveis para contar uma história. Se você acha que isso não é ruim o suficiente, espere até ouvir sobre smartphones e tablets: dispositivos onde você tem ainda menos espaço para exibir dados. Existem algumas desvantagens das tabelas com as quais você precisa aprender a conviver, mas a responsividade não é uma delas.

A última grande atualização para WP Table Manager introduziu um novo design responsivo para tabelas com opções responsivas adicionais. Agora, há uma versão mais recente e melhor do gerenciador de tabelas do WordPress que adiciona um novo modo responsivo e novas opções para ajudá-lo a personalizar tabelas responsivas e seu comportamento: cabeçalhos repetidos.

Tabelas responsivas com cabeçalhos repetidos

O que acontece quando não há espaço suficiente para exibir uma tabela? Na atualização anterior, WP Table Manager ofereceu duas opções responsivas: adicionar uma barra de rolagem e ocultar colunas. Esses dois modos têm suas aplicações, mas se você quiser evitar a rolagem horizontal ou ocultar dados, o novo terceiro modo pode ser o que você está procurando: cabeçalhos repetidos.

O modo responsivo de cabeçalhos repetidos, como todos os outros modos, é padronizado para uma tabela normal quando há espaço suficiente, como em dispositivos desktop, como computadores ou laptops. Quando não há espaço suficiente, ele se transforma em uma tabela mais simples com duas colunas: o cabeçalho da tabela e o valor da linha.

Na prática, isso significa que se você tiver quatro colunas em uma tabela, cada linha na tabela original será representada como quatro novas linhas na versão responsiva. Cada nova linha tem apenas o cabeçalho original e seu valor de dados. Esse esquema se aplica a cada linha da tabela original, portanto, há sempre um cabeçalho repetido ao lado dos valores de dados.

Graças a este comportamento responsivo simples, o modo de tabela de cabeçalhos repetidos permite que você adicione tantos dados quanto você quiser às suas tabelas sem nunca ter que se preocupar com como isso vai parecer em dispositivos móveis e tablets. Além disso, o WP Table Manager usa cores alternadas para as linhas em dispositivos menores: cada linha na tabela original recebe uma cor diferente, preservando o contexto e permitindo que seus leitores do WordPress distingam entre os registros.

Personalizando tabelas responsivas no modo de cabeçalhos repetidos

Você pode escolher o modo de cabeçalhos repetidos ao editar uma tabela: escolha opções responsivas no menu formato, e então procure o modo cabeçalho repetido no primeiro menu suspenso. Você também pode personalizar a tabela de cabeçalhos repetidos de duas maneiras: o ponto de interrupção responsivo e a altura máxima responsiva.

O ponto de quebra responsivo é a largura abaixo da qual o plugin de gerenciador de tabelas do WordPress para de renderizar a tabela como de costume e, em vez disso, alterna para o modo responsivo de cabeçalhos repetidos. Você pode estimar esse valor com base no seu tema do WordPress e no número de colunas que você tem: se você achar que a tabela não caberá abaixo de uma certa largura, use-a como o ponto de quebra.

Se você tiver muitas linhas ou muitas colunas, é possível que o modo de cabeçalhos repetidos crie uma página muito longa. A altura máxima responsiva lida com esse problema, limitando a altura da tabela de cabeçalhos repetidos no modo responsivo. Se a tabela responsiva for muito longa, seus leitores do WordPress podem usar uma barra de rolagem para visualizar mais dados como de costume.

Não há uma solução mágica para tabelas responsivas, mas o modo de cabeçalhos repetidos para tabelas WordPress chega perto. Quer você tenha uma tabela pequena ou grande com muitas linhas e colunas, o novo modo de cabeçalhos repetidos da WP Table Managergarante que seus dados sempre se ajustem, independentemente do dispositivo.