UI Tablosunun Sütunları Yapısı Izgara dinamik

Question

Raporlarım için Verileri doldurmak için kullandığım bir açısal UI Izgaram var. Şimdi neredeyse 20 raporum var ve tüm raporlar için veri toplamak için bir UI Izgarası kullanmak istiyorum. Temel olarak, bir nesnenin özelliklerini döndürerek, çalışma zamanında columnDefs özelliğini yapılandırmaya çalışıyorum.

CrudService.GetData($scope.studyId, reportsTest).then(function (data) { 
    $scope.getreportsdata = data; 
    $scope.columns = []; 
    for (var key in $scope.getreportsdata[0]) { 
     if ($scope.getreportsdata[0].hasOwnProperty(key)) { 
      if (!utilityExtensionService.isUndefinedOrNull($scope.getreportsdata[0][key]) && $scope.getreportsdata[0][key] != "") 
       $scope.columns.push({ field: key, enableSorting: false, headerCellClass: 'ui-grid-header' }); 
     } 
    } 
}); 

Ve çalışıyorum nasıl bu benim UI Izgara yapılandırmak için:

$scope.gridOptions = { 
      enableHorizontalScrollbar: 0, 
      enableVerticalScrollbar: 0, 
      enableSorting: true, 
      columnDefs: 'columns', 
      data: 'getreportsdata'} 

Ancak bu yöntemi kullanarak bağlamak mümkün değilim İşte ben çalışıyorum budur. Buna alternatif bir çözüm önerebilir misiniz?

Answer 1

Izgarayı yapılandırma şekliniz yanlış.

$scope.gridOptions = { 
    enableHorizontalScrollbar: 0, 
    enableVerticalScrollbar: 0, 
    enableSorting: true, 
    columnDefs: $scope.columns, 
    data: $scope.getreportsdata 
} 

Bir dahaki sefere, sorunu bir plunkr bağlantısında çoğaltmak daha iyidir.