Description
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?
