website icon indicating copy to clipboard operation
website copied to clipboard

Dataset table: increase height using vh unit

Open aspeddro opened this issue 1 year ago • 0 comments

Proposta para aumentar a quantidade de linhas na tabela de acesso aos dados. Atualmente mostra cinco linhas.

O problema de meu ponto de visto é quando tem muitas linhas.

maxHeight foi fixado em 300px, então vc tem uma área pequena e a rolagem fica sensível (scrollbar pequena). Isso cansa um pouco os olhos pq tem que rolar pouco e devagar para não passar por várias linhas.

Adicionei uma altura máxima maxHeight variável (vh) no atributo style do elemento porque usei a unidade vh (viewport height). No attr do elemento tem prioridade maior, se o navegador não suportar vh, maxHeight: 300px continua lá como fallback.

Se o navegador suportar (grande maioria), a altura máxima vai ser 50% na altura da janela.

Atualmente: image

Com essa alteração: image

Preview

aspeddro avatar Sep 13 '24 01:09 aspeddro