po-angular
po-angular copied to clipboard
feat(table): Permite maior visibilidade de itens e colunas
PoTable
DTHFUI-8742
PR Checklist [Revisor]
- [ ] Padrão de Commit (Coeso, de acordo com o que está sendo realizado)
- [ ] Código (Boas práticas, nome de variavéis/métodos, etc.)
- [ ] Testes unitários (Cobre a situação implementada e coverage está mantido)
- [ ] Documentação (Clara, objetiva e com exemplos caso necessário)
- [ ] Samples (A implementação possui exemplo no Labs/Caso de uso)
- [ ] Rodado em navegadores suportados (Chrome, FireFox, Edge)
Qual o comportamento atual? Mesmo atribuindo p-sizing="small" a tabela ainda apresentava um espaçamento não tão pequeno entre os itens e colunas, dificultando a visualização dos dados em casos em que uma tabela venha conter um grande número de colunas e itens a serem exibidos.
Qual o novo comportamento? A tabela passa assumir dimenssões menores nos ícones de "sort" e "draggable", o espaçamento dentro da célula foi reduzido e o p-sizing="small" passa a ser aplicável mesmo que a tabela passe a ser interativa. Entende-se interativa, tabela com p-selectable='true' ou que contenha colunas do tipo detail ou link, ou que possua ações por linha.
Simulação É possível simular pelo Labs da PoTable do portal.