Tabelas WordPress mais responsivas com cabeçalhos repetidos

As tabelas do WordPress são uma faca de dois gumes, apesar dos avanços do WordPress ao longo dos anos. Elas são perfeitas para apresentar dados, mas desfavoráveis ​​para contar uma história. Se você acha que isso não é ruim o suficiente, espere até ouvir falar de smartphones e tablets: dispositivos onde o espaço para exibir dados é ainda menor. 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 do WP Table Manager introduziu um novo design responsivo para tabelas com opções adicionais de responsividade. Agora, existe uma versão mais recente e aprimorada 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 oferecia 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, assim como todos os outros modos, exibe uma tabela normal por padrão quando há espaço suficiente, como em um dispositivo desktop, como computadores ou laptops. Quando não há espaço suficiente, a tabela se simplifica com duas colunas: o cabeçalho 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 terá apenas o cabeçalho original e seu valor de dados. Esse esquema se aplica a cada linha da tabela original, portanto, sempre haverá um cabeçalho repetido ao lado dos valores de dados.

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

Personalizando tabelas responsivas no modo de cabeçalhos repetidos

Você pode escolher o modo de cabeçalhos repetidos ao editar uma tabela: selecione as opções responsivas no de formatação e, em seguida, procure o de cabeçalhos repetidos no primeiro menu suspenso. Você também pode personalizar a tabela de cabeçalhos repetidos de duas maneiras: definindo o ponto de interrupção responsivo e a altura máxima responsiva.

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

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 resolve esse problema limitando a altura da tabela de cabeçalhos repetidos no modo responsivo. Se a tabela responsiva ficar muito longa, seus leitores do WordPress podem usar a 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 do WordPress chega perto. Seja uma tabela pequena ou uma tabela grande com muitas linhas e colunas, o novo modo de cabeçalhos repetidos do WP Table Managergarante que seus dados sempre se ajustem, independentemente do dispositivo.