angular-ui/ui-grid

UI Grid column auto width, two bugs are detected (with demo)

Open

#5.072 aberto em 6 de fev. de 2016

Ver no GitHub
 (4 comments) (2 reactions) (0 assignees)JavaScript (2.496 forks)batch import
good first issue

Métricas do repositório

Stars
 (5.395 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

Please read the following post on stackoverflow:

jQuery(hiddenElement).width() is always zero when hiddenElement or its parent are hidden.

http://stackoverflow.com/questions/35246402/ui-grid-v0-3-1-column-auto-width-issue-detected/35246460#35246460

Here is an approach to fix it:

// Resize the grid on window resize events
          function gridResize($event) {
            grid.gridWidth = $scope.gridWidth = gridUtil.elementWidth($elm);
            grid.gridHeight = $scope.gridHeight = gridUtil.elementHeight($elm);
            console.log(grid.gridWidth);
            console.log(grid.gridHeight);
            if(!$($elm).is(':hidden') && grid.gridWidth > 0) { //add such if statement before                 
                grid.refreshCanvas(true); //this is UI Grid code
            }
          }

Guia do colaborador