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. São os candidatos perfeitos para apresentar dados, mas desfavoráveis para contar uma história. Se acha que isso não é suficientemente mau, espere até ouvir falar de smartphones e tablets: dispositivos onde tem ainda menos espaço para exibir dados. Há algumas desvantagens das tabelas com que tem de aprender a viver, mas a responsividade não é uma delas.

A última grande atualização do WP Table Manager introduziu um novo design responsivo para tabelas com opções responsivas adicionais. Agora, existe uma versão mais recente e melhor do gerenciador de tabelas do WordPress que adiciona um novo modo responsivo e novas opções para ajudar você 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ê procura: cabeçalhos repetidos.

O modo responsivo de cabeçalhos repetidos, como todos os outros modos, assume por padrão uma tabela normal quando há espaço suficiente, como em um dispositivo 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, isto significa que, se tiver quatro colunas numa tabela, cada linha da tabela original será representada como quatro novas linhas na versão responsiva. Cada nova linha contém apenas o cabeçalho original e o respetivo valor de dados. Este esquema aplica-se a cada linha da tabela original, pelo que existe sempre um cabeçalho repetido junto aos valores de dados.

Graças a este comportamento responsivo simples, o modo de tabela com cabeçalhos repetidos permite-lhe adicionar tantos dados quanto quiser às suas tabelas, sem nunca ter de se preocupar com o aspeto que terão em telemóveis e tablets. Além disso, o WP Table Manager utiliza cores alternadas para as linhas em dispositivos mais pequenos: cada linha da tabela original recebe uma cor diferente, preservando o contexto e permitindo que os seus leitores do WordPress distingam entre registos.

Personalizar 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, em seguida, 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 quebra responsivo e a altura máxima responsiva.

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

Se você tem 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 resolve 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 existe uma solução mágica para tabelas responsivas, mas o modo de cabeçalhos repetidos para tabelas WordPress chega perto. Quer tenha uma tabela pequena ou uma tabela grande com muitas linhas e colunas, o novo modo de cabeçalhos repetidos do WP Table Managergarante que os seus dados se ajustem sempre, seja qual for o dispositivo.