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의 마지막 열 (값)에 값을 입력하기 만하면됩니다.