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 candidatos perfeitos para apresentar dados, mas desfavoráveis ​​para contar uma história. Se você acha que não é ruim o suficiente, espere até ouvir falar de smartphones e tablets: dispositivos onde você tem ainda menos espaço para exibir dados. Existem algumas desvantagens de mesa com as quais você precisa aprender a conviver, mas a capacidade de resposta 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, há uma versão mais nova 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 seus aplicativos, mas se você quiser evitar a rolagem horizontal ou a ocultação de 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, é padronizado para uma tabela normal quando há espaço suficiente, como em um dispositivo de desktop, como computadores ou laptops. Quando não há espaço suficiente, ele se reduz 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 da tabela original será representada como quatro novas linhas na versão responsiva. Cada nova linha possui apenas o cabeçalho original e seu valor de dados. Esse esquema se aplica a cada linha da tabela original, portanto, sempre há um cabeçalho repetido próximo aos valores dos dados.

Graças a esse comportamento responsivo simples, o modo de tabela de cabeçalhos repetidos permite que você adicione quantos dados desejar às suas tabelas, sem nunca ter que se preocupar com a aparência deles em celulares e tablets. Além disso, o WP Table Manager usa cores alternadas para linhas em dispositivos menores: cada linha na tabela original obtém uma cor diferente, preservando o contexto e permitindo que seus leitores do WordPress distingam entre os registros.

Personalização de tabelas responsivas no modo de cabeçalhos repetidos

Você pode escolher o modo de cabeçalhos repetidos ao editar uma tabela: escolha as opções responsivas no menu de formato e, em seguida, procure o modo de cabeçalhos repetidos na primeira lista suspensa. 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 interrupção responsivo é a largura abaixo da qual o plug-in do gerenciador de tabelas do WordPress para de renderizar a tabela como de costume e, em vez disso, muda para o modo de cabeçalhos repetidos responsivo. Você pode estimar este valor com base no seu tema WordPress e em quantas colunas você tem: se você acha que a tabela não caberá abaixo de uma certa largura, use-a como ponto de interrupção.

Se você tiver muitas linhas ou 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, os leitores do WordPress podem usar uma barra de rolagem para visualizar mais dados normalmente.

Não há fórmula mágica para tabelas responsivas, mas o modo de cabeçalhos repetidos para tabelas WordPress chega perto. Quer você tenha uma mesa pequena ou uma mesa grande com muitas linhas e colunas, o novo modo de cabeçalhos repetidos do WP Table Manager garante que seus dados sempre se ajustem, seja qual for o dispositivo.