嵌套的ui-grid(cellTemplate中的网格)

时间:2014-12-26 11:12:36

标签: angularjs ng-grid angular-ui-grid

我正在准备一个网格,其中包含一个包含另一个网格的列,我尝试使用ngGrid它根据这个plunkr链接工作:

    $scope.updateGrid = function() {$scope.gridOptions = {
    data: 'facdata',
      rowHeight: $scope.fac1data.length * $scope.rowHeight,
      columnDefs: [
        {field: 'examname',displayName: 'Exam Name'},
        {field: '', displayName: 'Subjects' , cellTemplate: '<div  ng-grid="gridOptions1"  ></div>'
      }]
    };
  }   

Plunkr link

之前的链接是用ngGrid完成的但是当我尝试使用ui-grid准备相当于这个时, 我遇到了问题(a.uiGrid未定义)。

请帮我解决这个问题 感谢

1 个答案:

答案 0 :(得分:2)

您可以参考此plunker链接,它可能对您有所帮助......

如果你想把它放在一列中,你需要在列的cellTemplate中设置另一个ui-grid。

 $scope.gridOptions.columnDefs = [
{name: 'id'},
{name: 'categoryName'},
{name: 'products', cellTemplate: '<div ui-grid="row.entity[\'products\']"></div>'} ];