WordPress TablePress Pergunta: Faça um cabeçalho de tabela central e linhas de grade

Um usuário perguntou ?

Pesquisei aqui e descobri como centralizar o texto nas minhas linhas e colunas, mas não vejo nada que me mostre como centralizar o título da minha tabela.

Além disso, existe uma maneira fácil de adicionar linhas de grade para separar as linhas e colunas, semelhante ao que você veria em uma planilha? Em caso afirmativo, qual código CSS você adicionaria para controlar o quão impertinentes essas linhas são?

Eu amei este plugin até agora; ele vai fazer exatamente o que eu preciso. Obrigado.

(@tobiasbg)

Há 1 ano

Olá,

Obrigado pelo seu post e desculpe o transtorno.

Normalmente, para centralizar o título, uma certa SEC gosta de

.tablepress-table-name {
  text-align: center;
}

é suficiente. Você pode adicionar isso à área de texto “CSS personalizado” na tela “Opções de plug-in” do TablePress.

Para adicionar linhas de borda, você pode fazer algo como

.tablepress-id-123 th,
.tablepress-id-123 td {
  border: 1px solid #ff0000;
}

(O 123 o ID da tabela a ser ajustada).

Abraços, Tobias

lançador de tópicos

(@mf255201)

Há 1 ano

Muito obrigado pela sua resposta rápida. Ambos trabalharam.

Quanto ao limite, o que você adicionaria ao código para fazer linhas verticais e horizontais para separar as células?

(@tobiasbg)

Há 1 ano

Olá,

poderia esclarecer isso um pouco? O que significa “separado”? Esse código CSS não desenha uma linha de fronteira entre as células?

Abraços, Tobias

lançador de tópicos

(@mf255201)

Há 1 ano

Parece alinhar a linha de limite horizontalmente entre as linhas. No começo eu estava procurando por um que também adicionasse linhas verticais entre as colunas, mas agora acho que gosto de como fica apenas com as linhas horizontais.

Obrigado.

(@tobiasbg)

Há 1 ano

Olá,

sim, isso adiciona linhas de borda a linhas e colunas. Eu também recomendaria usar apenas bordas horizontais. Isso torna as tabelas mais legíveis.

Abraços, 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 *