Pergunta do WordPress TablePress: largura da coluna

Um usuário perguntou ?

Olá! Obrigado pela ótima conexão! Eu tentei definir uma largura específica para minhas colunas, mas não consigo, as colunas não parecem ser perturbadas pela SEC. Eu li o FAQ e algumas coisas aqui no fórum de suporte, mas ainda não consigo descobrir.

Gostaria, entre outras tabelas, de definir uma largura específica:

Nas colunas 2 e 8.

Obrigado!

(@tobiasbg)

3 anos, 1 mês atrás

Olá,

Obrigado pelo seu post e desculpe o transtorno.

O que exatamente você está tentando mudar nas colunas 2 e 8? Eu realmente não vejo a necessidade disso.

Independentemente disso, é improvável que isso funcione porque não há flexibilidade quanto à largura restante em sua mesa. Todas as colunas já possuem pelo menos a largura das colunas possíveis. Este é um resultado obrigatório do material nas células. Por exemplo, palavras longas como “RAPPORTDATUM” na coluna 7 ou “Informationsteknik” na coluna 9 definem a largura mínima dessas colunas. Em suma, essas larguras são limitadas pela largura total da área de assunto, não deixando flexibilidade para as demais colunas.

Abraços, Tobias

(@simon_json)

3 anos, 1 mês atrás

Quero deixar as colunas 2 e 8 mais largas, quero poder definir uma largura específica. Também tenho outras tabelas em outras páginas com as quais gostaria de fazer isso.

Se eu colocar isso em CSS por exemplo:


.tablepress-id-100 .column-1 {
	width: 120px;
}

nada parece acontecer. E eu me pergunto porque como posso me concentrar em colunas específicas em tabelas separadas e, em seguida, definir a largura exata em px? Assim como na SEC anterior.

Obrigado por nos consultar! Boa sorte! /s.

Esta resposta foi modificada há 3 anos, um mês atrás por. Esta resposta foi modificada há 3 anos, um mês atrás por. Esta resposta foi modificada há 3 anos, um mês atrás por.

(@simon_json)

3 anos, 1 mês atrás

Oi de novo! Isso acontece mesmo quando habilitei “Rolagem horizontal habilitada, para facilitar a visualização de tabelas com muitas colunas”. Com isso ativado, deve haver flexibilidade para as outras colunas?

(@tobiasbg)

3 anos, 1 mês atrás

Olá,

infelizmente não é tão trivial, devido à forma como os navegadores fazem cálculos de largura 🙂 Você pode tentar aumentar a prioridade, por !important bandeira:

.tablepress-id-100 .column-1 {
	width: 120px !important;
}

Além disso, recomendo simplificar bastante seu “CSS personalizado”. Em vez de centralizar cada coluna individualmente, com algo como

.tablepress-id-100 .column-3 {
	text-align: center;
}

mas isso muda

.tablepress-id-100 td,
.tablepress-id-100 th {
	text-align: left;
}

para

.tablepress-id-100 td,
.tablepress-id-100 th {
	text-align: center;
}

e todas as células dessa tabela serão centralizadas, mas o código será muito mais curto.

Abraços, Tobias

(@simon_json)

3 anos, 1 mês atrás

Obrigado! Infelizmente, adicionar este sinalizador importante não funciona. Encontrei este tópico: Posso fazer algo semelhante com sua primeira resposta nesse tópico? No site que o autor pergunta, parece funcionar perfeitamente agora:

Eu quero alcançar o mesmo resultado (mas também ser capaz de classificar).

Boa sorte! /s.

Esta resposta foi modificada há 3 anos, um mês atrás por.

(@tobiasbg)

3 anos, 1 mês atrás

Olá,

claro, você também pode reduzir o preenchimento.

Claro, mas o !important um sinalizador na coluna 1. Isso foi apenas um exemplo. Se você quiser reduzir a largura da coluna 1, você pode colocar quebras de linha manualmente entre as palavras na célula de cabeçalho da coluna 1. Então, para influenciar a coluna 8, talvez você possa evitar que a quebra de linha seja automática. , então, com

.tablepress-id-100 .column-8 {
	white-space: nowrap;
}

Abraços, Tobias

(@simon_json)

3 anos, 1 mês atrás

Obrigado! Mas eu quero aumentar a largura das colunas. Conforme a segunda coluna desta tabela:

Boa sorte! /s.

(@tobiasbg)

3 anos, 1 mês atrás

Olá,

aquela coluna poderia ser mais larga, porque havia mais espaço. Na sua tabela, não há espaço suficiente para ampliar as colunas.

Abraços, Tobias

(@simon_json)

3 anos, 1 mês atrás

Obrigado por responder! Posso forçar a tabela de rolagem a ter mais espaço? Posso “Ativar a rolagem horizontal para facilitar a visualização de colunas com muitas colunas”? sobre os recursos da biblioteca JavaScript DataTables? Ou posso usar esta extensão:

e usar o modo de rolagem?

Boa sorte! /s.

(@tobiasbg)

3 anos, 1 mês atrás

Olá,

usando o scroll Modo de alongamento (em vez de caixa de seleção), você pode ser forçado a rolar para obter mais espaço, mas não posso garantir isso. Você provavelmente precisa definir a largura de cada coluna, o !important bandeira todas as vezes.

Abraços, Tobias

(@simon_json)

3 anos, 1 mês atrás

Obrigado! Eu tentei isso mas não funcionou. Você não sabe o que posso fazer?

Boa sorte! /s.

(@tobiasbg)

3 anos, 1 mês atrás

Olá,

infelizmente, então também não tenho ideias ? Sinto muito.

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 *