angular-ui/ui-grid

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

已關閉

#6,574 建立於 2018年2月14日

 (4 則留言) (0 個反應) (0 位負責人)JavaScript (2,496 個分叉)batch import
difficulty: mediumgood first issue

倉庫指標

星標
 (5,395 顆星)
PR 合併指標
 (PR 指標待抓取)

描述

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

貢獻者指南