Anoj Philip
Anoj Philip

Reputation: 110

how to hide/show ng-grid column externally?

I am using ng-grid where i want to hide/show columns on external button click.

I tried this, but its not working

$scope.gridOptions.$gridScope.columns[0].toggleVisible()

Upvotes: 6

Views: 10033

Answers (1)

AardVark71
AardVark71

Reputation: 4126

Try using the ng-click directive

your html button could look like this

<input type="button" ng-click="toggleCol(0)" />

and your js like this

var app = angular.module('myCoolGridApp', ['ngGrid']);
app.controller('MyCtrl', function ($scope) {
    $scope.toggleCol= function(i) {
       $scope.gridOptions.$gridScope.columns[i].toggleVisible()
    }
}

Upvotes: 10

Related Questions