po-angular icon indicating copy to clipboard operation
po-angular copied to clipboard

feat(table): Permite maior visibilidade de itens e colunas

Open felipepetuco opened this issue 9 months ago • 0 comments

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.

felipepetuco avatar May 07 '24 11:05 felipepetuco