Pergunta no WordPress TablePress: espaçamento entre colunas squash e ímpar e diferente no cabeçalho e no conteúdo

Um usuário perguntou ?

Estou tendo alguns problemas com tabelas que contêm muitas colunas (ou realmente, apenas mais de três). Todo o espaço da coluna parece estar fora do lugar.

Aqui está minha tabela, previamente codificada à mão em HTML:

O código HTML real pode ser capturado a partir disso, se relevante:

Eu removi todos os comandos de layout e CSS etc, e apenas importei o HTML da tabela para uma nova tabela TablePress. Na página de edição, parece perfeitamente importado.

No entanto, com ou sem rolagem horizontal, o cabeçalho da tabela parece ter um preenchimento diferente do restante da tabela, e a linha do cabeçalho e o restante das linhas têm espaçamento muito estranho, fazendo com que os objetos sejam ocasionalmente rachados ou espaçados. Para ver exemplos disso, dê uma olhada nestas duas capturas de tela:

Com rolagem horizontal habilitada:

Sem rolagem horizontal:

A mesma coisa acontece se eu exibir a tabela inteira (ou seja, não apenas 10 entradas).

Por exemplo ao vivo, isso está no meu site aqui:

Alguma boa ideia?

(@tobiasbg)

2 anos, 10 meses atrás

Olá,

Obrigado pelo seu post e desculpe o transtorno.

A razão para isso é alguma interferência CSS do seu tema. Para corrigir esse problema, adicione isso à área de texto “CSS personalizado” na tela “Opções de plug-in” do TablePress:

.tablepress {
  table-layout: auto !important;
}
.tablepress th,
.tablepress td {
  width: auto;
}

Abraços, Tobias

Esta resposta foi modificada 2 anos, 10 meses atrás por.

(@mrsbeam)

2 anos, 10 meses atrás

Do fundo do meu coração que resolveu totalmente, muito obrigado e obrigado pela incrível velocidade com que você respondeu também!

Não achei que meu tema iria interferir nas mesas, mas acho que me enganei.

Obrigado novamente! ?

Para o bem das pessoas que podem ler isso mais tarde, havia um ponto e vírgula após widthque deveria ter dois pontos, para que o código a ser copiado seja:

.tablepress {
  table-layout: auto !important;
}
.tablepress th,
.tablepress td {
  width: auto;
}

(@tobiasbg)

2 anos, 10 meses atrás

Olá,

Não há problema, seja bem-vindo! ? Que bom saber que isso ajudou!

(E obrigado por ver esse erro de digitação! Corrigi-o no meu post anterior, para evitar que futuros usuários copiem/colam erros.)

Tudo de bom, Tobias

PS: Se você ainda não o fez, avalie o TablePress aqui no diretório de plugins. Obrigado!

(@mikemp)

2 anos, 10 meses atrás

Obrigado Tobias, isso também resolveu minha pergunta. Ótimo plugin e suporte (sim, eu o avaliei).

(@tobiasbg)

2 anos, 10 meses atrás

Olá,

incrível! Bom saber que isso também ajudou no seu problema 🙂

Tudo de bom, Tobias

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *