Um usuário perguntou ?
Olá,
Eu quero adicionar/ter linhas verticais apenas entre as colunas. Todos os outros limites/linhas na tabela devem ser removidos. é possível? Obrigado!
(@tobiasbg)
3 anos, 1 mês atrás
Olá,
Obrigado pelo seu post e desculpe o transtorno.
Se isso for possível. Adicione isso à área de texto “CSS personalizado” na tela “Opções de plug-in” do TablePress:
.tablepress-id-123 thead th,
.tablepress-id-123 tbody td {
border-top: none;
border-bottom: none;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}Abraços, Tobias
(@desci)
3 anos, 1 mês atrás
Olá Tobias,
Obrigado! Isso é quase perfeito e deveria ser mais específico. Tudo que eu preciso é de linhas verticais entre duas colunas. O código acima também adiciona uma linha vertical nos limites da extrema esquerda e da extrema direita (contorno) da tabela, o que não é necessário (também não nas tabelas correspondentes).
Isso é possível evitar o contorno da tabela em todos os modos de tabela (normal/responsivo), mas manter linhas verticais entre duas colunas?
Obrigado!
(@tobiasbg)
3 anos, 1 mês atrás
Olá,
para isso, tente novamente com esta versão:
.tablepress-id-123 thead th,
.tablepress-id-123 tbody td {
border-top: none;
border-bottom: none;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.tablepress-id-123 thead th:first-child,
.tablepress-id-123 tbody td:first-child {
border-left: none;
}
.tablepress-id-123 thead th:last-child,
.tablepress-id-123 tbody td:last-child {
border-right: none;
}Abraços, Tobias
(@desci)
3 anos, 1 mês atrás
Olá Tobias,
Obrigado. Isso funciona em vez de apenas uma coisa. Quando no modo responsivo, a borda maior mais à direita (contorno) da coluna da direita permanece. No entanto, ele não existe quando a tabela está totalmente expandida em uma tela grande.
Obrigado
(@tobiasbg)
3 anos, 1 mês atrás
Olá,
Você pode postar um link para a página com a tabela onde ocorre esse problema, para que eu possa olhar diretamente? Obrigado!
Abraços, Tobias
(@desci)
3 anos, 1 mês atrás
Desculpe, não estou fazendo nada ainda, estou apenas brincando com o plugin. Estou usando a versão mais recente do Chrome e o plug-in não tem nenhum CSS personalizado além do que você me forneceu acima.
Então, talvez seja apenas o meu tema, se funcionar para você?
(@tobiasbg)
3 anos, 1 mês atrás
Olá,
pode ser um tópico sim, mas para mais informações, quero poder explorar a página com as ferramentas do desenvolvedor no navegador. Em qualquer caso, será possível remover o limite.
Abraços, Tobias
(@desci)
3 anos, 1 mês atrás
Ok, eu tenho uma página com isso! Aqui está o link:
Obrigado!
(@desci)
3 anos, 1 mês atrás
PS: O único CSS é o que você me deu anteriormente.
(@tobiasbg)
3 anos, 1 mês atrás
Olá,
Obrigado pelo link! Isso é banal…
Experimente com este novo CSS:
.tablepress-id-1 thead th,
.tablepress-id-1 tbody td {
border-top: none;
border-bottom: none;
border-left: 1px solid #cccccc;
}
.tablepress-id-1 thead th:first-child,
.tablepress-id-1 tbody td:first-child {
border-left: none;
}Trabalhando com uma borda esquerda, podemos fazer isso funcionar.
Abraços, Tobias
(@desci)
3 anos, 1 mês atrás
Excelente! Ele fez isso. Muito obrigado!
(@tobiasbg)
3 anos, 1 mês atrás
Olá,
Não há problema, seja bem-vindo! ? Que bom saber que isso ajudou!
Tudo de bom, Tobias
PS: Se você ainda não o fez, avalie o TablePress aqui no diretório de plugins. Obrigado!
(@matlas44)
2 anos, 10 meses atrás
Oi Tobias,
Encontrei as colunas na tabela na parte inferior. Esta página trabalhar (como você me ajudou hoje). Mas eu preciso fazer uma borda mais escura entre cada dia da semana, mas como você pode ver eu tenho muita mistura para fazer. Passei por diferentes tópicos e não encontrei uma solução para esse problema específico, pois não incluo o cabeçalho. Já tentei alguns dos códigos nos vários tópicos, mas nada funciona ?
Obrigado!
(@tobiasbg)
2 anos, 10 meses atrás
Olá,
O que está acontecendo:
.tablepress-id-175 tbody .column-2,
.tablepress-id-175 tbody .column-5,
.tablepress-id-175 tbody .column-8,
.tablepress-id-175 tbody .column-12,
.tablepress-id-175 tbody .column-15 {
border-left: 3px solid #000000 !important;
}
Abraços, Tobias
(@matlas44)
2 anos, 10 meses atrás
Obrigado, funcionou, principalmente.
Também apliquei na última coluna à direita, mas como você pode ver, na segunda linha no final, onde diz “quinta-feira”, não há limite.
.tablepress-id-175 tbody .column-16 {
border-right: 1px solid #000000 !important;
}Também apliquei na parte inferior de algumas das camadas, mas aconteceu algo semelhante. Eu apliquei na parte inferior da sexta linha consecutiva e você pode ver que não se aplica às duas primeiras colunas da sexta linha. Mesmo com a série 11; e depois o mesmo na linha 12 na última coluna, e o mesmo na linha 15, nas duas primeiras colunas e a próxima com a última coluna.
.tablepress-id-175 tbody .row-2,
.tablepress-id-175 tbody .row-6,
.tablepress-id-175 tbody .row-7,
.tablepress-id-175 tbody .row-11,
.tablepress-id-175 tbody .row-12,
.tablepress-id-175 tbody .row-15 {
border-bottom: 1px solid #000000 !important;
}Como posso consertar isso?
Obrigado!
Isto foi útil?
0 / 0