how to show/hide columns in ng-grid based on conditions

[telagraphic]

I'm trying to show/hide some columns in ng-grid based on which user is viewing the page.

The visible property doesn't take a function which returns a true or false boolean?

I thought it would, but it does not.  So then how would I hide/show based on certain conditions?

    $scope.gridOptions = {

        data: 'myData',

        canSelectRows: false,

        displaySelectionCheckbox: false,

        footerRowHeight: 35,

        showFooter: true,

        showGroupPanel: true,

        showColumnMenu: true,

        showFilter: true,

        enableColumnResize: true,

        sortInfo: { fields: ['SignupDate'], directions: ['asc'] },

        columnDefs: [

            { field: 'Account', displayName: 'Account Number', width: '160', visible: $scope.isUserAdmin() },

            { field: 'LineOfBusiness', displayName: 'Commodity Type', width: '130' }

        ]//,

        //plugins: [new ngGridCsvExportPlugin()]

    };

[John Niedzwiecki]

After defining your gridOptions, add this:

$scope.gridOptions.columnDefs[0].visible = $scope.isUserAdmin();

That should do the trick.

[Sim Longdy]

how can I put condition in this columnDefs?