angular-ui/ui-grid

Keeps scrollbar space in the header when you zoom out the page

Open

#6071 aperta il 13 mar 2017

Vedi su GitHub
 (0 commenti) (1 reazione) (0 assegnatari)JavaScript (2496 fork)batch import
good first issue

Metriche repository

Star
 (5395 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

I'm having a problem using ui-grid.

On my 100% zoom page, a vertical scrollbar appears. When I zoom the page to 90%, even with all the records within the grid-content space, the scrollbar spacing stays in the header.

In my code the config is enableVerticalScrollbar = 1. I tried to control the scrollbar presentation to solve the problem, however when I remove the scrollbar dynamically (enableVerticalScrollbar = 0) the last header column is not loaded correctly. I tried to put enableVerticalScrollbar = 2, but it also don't work correctly and I see isn't recommended.

Zoom 100%: grid_100

Zoom 90%: grid_90

  • The colunm "Estabelecimento" is fixed on the right.

Any suggestions on how I can remove this scrollbar space?

Thank you!

Guida contributor

Direzione di ricerca
Ispeziona il CSS per l'intestazione della griglia e il comportamento della barra di scorrimento. Verifica come enableVerticalScrollbar influisce sulla larghezza e sulla posizione delle colonne dell'intestazione.
Tech stack
angularjavascriptcss
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
AngularCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65