Um usuário perguntou ?
oi tobias
Eu configurei minha tabela usando dados de importação da planilha do google. Quero ajustar a largura de colunas individuais na minha tabela. Eu tentei todos os códigos CSS encontrados neste fórum, mas nenhum deles funciona. Você poderia ajudar a olhar…
Obrigado
(@tobiasbg)
2 anos, 5 meses atrás
Olá,
Obrigado por sua pergunta e desculpe o transtorno.
O que exatamente você está tentando realizar definindo a largura das colunas aqui? Quer alargar a mesa? Então você teve que aumentar o leque de conteúdos disponíveis no tema, pois a tabela já está expandindo para 100% disso.
Abraços, Tobias
(@kafung2010)
2 anos, 5 meses atrás
Olá Tobias,
Eu tenho 6 colunas no total, quero que cada coluna tenha uma largura fixa.
Para a Coluna 3, se o conteúdo for muito longo, permitiu que o texto fosse contornado. Mas para outras colunas, não quero que o texto/conteúdo retorne.
Eu configurei a largura da coluna para codificar abaixo, mas noto que a coluna 6 é mais larga que a coluna 5 (essas 2 colunas são definidas como 10%)
Percebo também que o conteúdo das colunas 1, 5 e 6 está dobrado mesmo que algum material seja curto o suficiente para caber dentro da coluna sem precisar ser dobrado.
.tablepress thead th, .tablepress tbody td { layout da tabela: fixo; largura: 100%; em branco: nowrap; }
.page-id-8 .tablepress .column-1 {largura: 20%; }
.page-id-8 .tablepress .column-2 {largura: 10%; }
.page-id-8 .tablepress .column-3 {largura: 30%; }
.page-id-8 .tablepress .column-4 {largura: 15%; }
.page-id-8 .tablepress .column-5 {largura: 10%; }
.page-id-8 .tablepress .column-6 {largura: 10%; }
(@tobiasbg)
2 anos, 5 meses atrás
Olá,
tente este CSS personalizado em vez do que você está usando agora:
.tablepress-id-8 img {
display: inline;
vertical-align: middle;
}
.tablepress-id-8 .column-1 {
width: 20%;
white-space: nowrap;
}
.tablepress-id-8 .column-2 {
width: 10%;
white-space: nowrap;
}
.tablepress-id-8 .column-3 {
width: 30%;
}
.tablepress-id-8 .column-4 {
width: 15%;
white-space: nowrap;
}
.tablepress-id-8 .column-5 {
width: 10%;
white-space: nowrap;
}
.tablepress-id-8 .column-6 {
width: 10%;
white-space: nowrap;
}Abraços, Tobias
(@kafung2010)
2 anos, 5 meses atrás
Olá Tobias,
Seu código funciona muito bem depois que eu mudei o ícone de seta usando o símbolo html em vez da imagem… muito obrigado pela sua ajuda e resposta rápida.
boa vontade,
(@tobiasbg)
2 anos, 5 meses atrás
Olá,
Não há problema, seja bem-vindo! ? Que bom saber que isso ajudou!
Tudo de bom, Tobias
PS: Caso você não tenha, avalie o TablePress aqui no diretório de plugins. Obrigado!
(@mstephens268)
2 anos, 1 mês atrás
Isso funcionou perfeitamente para mim no momento. Fez o meu dia! Obrigado!
(@tobiasbg)
2 anos, 1 mês atrás
Olá,
excelente! Bom saber que te ajudou também!
Tudo de bom, Tobias
Isto foi útil?
0 / 0