angular-ui/ui-grid

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

Open

#6 071 ouverte le 13 mars 2017

Voir sur GitHub
 (0 commentaires) (1 réaction) (0 assignés)JavaScript (2 496 forks)batch import
good first issue

Métriques du dépôt

Stars
 (5 395 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

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!

Guide contributeur

Direction de recherche
Inspectez le CSS pour l'en tête de la grille et le comportement de la barre de défilement. Vérifiez comment enableVerticalScrollbar affecte la largeur et la position des colonnes d'en tête.
Stack technique
angularjavascriptcss
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Ancienne
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
AngularCSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
65