angular-ui/ui-grid

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

Open

#5,072 建立於 2016年2月6日

在 GitHub 查看
 (4 留言) (2 反應) (0 負責人)JavaScript (5,395 star) (2,496 fork)batch import
good first issue

描述

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
            }
          }

貢獻者指南