ng-grid動態地隱藏沒有數據的列

Question

ngGrid是否提供了一種以編程方式隱藏其列的方法。我的計劃是迭代數據並將某些列（無數據）的可見性設置爲false。這是可行的嗎？有沒有解決方法？

任何幫助將不勝感激。

更新：所以@mainguy讓我有一部分的方式，我能夠找出其他問題。對於其他可能會遇到此問題的人，他們希望做同樣的事情;這裏是鏈接到另一個問題，也幫助我。 how to hide/show ng-grid column externally?

Answer 1

你可以做到這一點與此（醜陋的）代碼：

// main.js 
var app = angular.module('myApp', ['ngGrid']); 
app.controller('MyCtrl', function($scope) { 
    $scope.myData = [{ 
    name: "Moroni", 
    age: 50, 
    value: "" 
    }, { 
    name: "Tiancum", 
    age: 43, 
    value: "" 
    }, { 
    name: "Jacob", 
    age: 27, 
    value: "" 
    }, { 
    name: "Nephi", 
    age: 29, 
    value: "" 
    }, { 
    name: "Enos", 
    age: 34, 
    value: "" 
    }]; 

    $scope.incl_names = false; 
    $scope.incl_ages = false; 
    $scope.incl_values = false; 
    $scope.filtered = []; 
    //first loop: find empty columns 
    angular.forEach($scope.myData, function(row) { 
    if (row.name != "") { 
     $scope.incl_names = true; 
    } 
    if (row.age != "") { 
     $scope.incl_ages = true; 
    } 
    if (row.value != "") { 
     $scope.incl_values = true; 
    } 
    }); 
    //second loop: build new array  
    angular.forEach($scope.myData, function(row) { 
    var build = []; 
    if ($scope.incl_names) { 
     build.name = row.name; 
    } 
    if ($scope.incl_ages) { 
     build.age = row.age; 
    } 
    if ($scope.incl_values) { 
     build.value = row.value; 
    } 

    $scope.filtered.push(build); 
    }); 


    $scope.gridOptions = { 
    data: 'filtered' 
    }; 
}); 

此檢查在第一循環的列是空的，並設置了一些布爾值。然後在第二個循環中，根據開關創建一個新數組，然後告訴ng-grid使用新數組。

當然，這對25列以上的用戶來說並不是很有趣，如果你的網格中有columnDefs，你也可能遇到問題。

無論如何，試試吧here。只需在json的最後一列（值）中輸入一個值即可。