- Notifications
You must be signed in to change notification settings - Fork221
Po Table: diferenças entre colunas com e sem tipo number#1800
-
Estou com uma dúvida ao usar a Po Table definindo a coluna como tipo number. Ao não especificar este tipo, o título da coluna e seu conteúdo ficam alinhados corretamente, mas ao especificar o tipo number, o título da coluna e o seu conteúdo ficam divergentes. A coluna fica alinhada a direita enquanto o conteúdo fica a esquerda. Como posso fazer para alinhar o conteúdo também a direita quanto a coluna for do tipo number? Sem number: Com number: Exemplo:https://stackblitz.com/edit/po-ui-3bcxuy?file=src%2Fapp%2Fapp.component.html |
BetaWas this translation helpful?Give feedback.
All reactions
Oi@gtrabach , passei por essa situação recentemente.
Vi inspecionando o elemento que uma classe CSS é adicionada para o campo do tipo number a fim de alinhá-lo à direita, mas realmente não surte efeito.
Para contornar esse problema eu criei um código CSS específico no meu projeto:
po-table { .po-table-column+.po-table-column-right { .po-table-column-cell { display: contents; } }}Usei o valor contents, mas outros como inline e inline-flex também atendem. A minha ideia foi tirar odisplay: block de padrão, e atendeu.
Replies: 3 comments 1 reply
-
Oi@gtrabach , passei por essa situação recentemente. Vi inspecionando o elemento que uma classe CSS é adicionada para o campo do tipo number a fim de alinhá-lo à direita, mas realmente não surte efeito. Para contornar esse problema eu criei um código CSS específico no meu projeto: Usei o valor contents, mas outros como inline e inline-flex também atendem. A minha ideia foi tirar o |
BetaWas this translation helpful?Give feedback.
All reactions
-
Ei@francisco7comm. Obrigado pela resposta, estava dando uma olhada nas issues e aparentemente este comportamento é um bug da nova versão: DTHFUI-7668 Realmente havia achado estranho, pois em versões anteriores não acontecia. |
BetaWas this translation helpful?Give feedback.
All reactions
-
Bom Dia Senhores! Estamos movendo uma issue para nosso backlog, em breve iremos corrigir este comportamento. |
BetaWas this translation helpful?Give feedback.
All reactions
-
Boa Tarde Senhores! Esta atividade já esta nativa no componente, siga nosso changelog:https://github.com/po-ui/po-angular/blob/master/CHANGELOG.md attr. |
BetaWas this translation helpful?Give feedback.