angular-ui/ui-grid

enableColumnResizing creates unexpected ui-grid-column-resize div when filtering or hide column

クローズ

#6,574 opened on 2018/02/14

 (4 件のコメント) (0 件のリアクション) (0 人の担当者)JavaScript (2,496 件のフォーク)batch import
difficulty: mediumgood first issue

Repository metrics

Stars
 (5,395 個のスター)
PR merge metrics
 (PR metrics pending)

説明

I am currently following the example in API/uiGridColumnResizer

The original code of the script.js is like this

`var app = angular.module('app', ['ui.grid', 'ui.grid.resizeColumns']);

app.controller('MainCtrl', ['$scope', function ($scope) { $scope.gridOpts = { enableColumnResizing: true, data: [ { "name": "Ethel Price", "gender": "female", "company": "Enersol" }, { "name": "Claudine Neal", "gender": "female", "company": "Sealoud" }, { "name": "Beryl Rice", "gender": "female", "company": "Velity" }, { "name": "Wilder Gonzales", "gender": "male", "company": "Geekko" } ] }; }]);`

After I added these two features to the controller app.controller('MainCtrl', ['$scope', function ($scope) { $scope.gridOpts = { enableColumnResizing: true, enableGridMenu:true, enableFiltering:true, data: [ { "name": "Ethel Price", "gender": "female", "company": "Enersol" }, { "name": "Claudine Neal", "gender": "female", "company": "Sealoud" }, { "name": "Beryl Rice", "gender": "female", "company": "Velity" }, { "name": "Wilder Gonzales", "gender": "male", "company": "Geekko" } ] }; }]);`

This is the plunker that can reproduce the issue http://plnkr.co/edit/hZK2TwsMNqE5XvDQGVTN When hiding the 1st and 2nd column, or filtering, the grid unexpectedly creates a line, which is the div.ui-grid-column-resize next to the gridmenu, but is useless

How can I solve this problem? image

コントリビューターガイド