如何使用ng-grid嵌套数据

时间:2013-11-18 20:36:45

标签: angularjs angular-ui ng-grid

在完成所有示例之后,我想我唯一的选择是基于此example 做一个自定义模板,尽管不是每一行都有子项。

有没有人对此类实施有任何建议?

谢谢你, 斯蒂芬

1 个答案:

答案 0 :(得分:3)

开始在网格选项中使用columnDefs并指定单元格模板。以下是我前一段时间的例子。

$scope.gridOptionsForLocationList = {
        data: yourdata,
        selectedItems: $scope.selectedLocations,
        showFilter: false,
        showColumnMenu: false,
        headerRowHeight: 0,
        enableRowSelection: false,
        columnDefs: [
            {field:'cityId', displayName:'#', width: 0},
            {field:'suburbId', displayName:'#', width: 0},
            {field:'cityName', displayName:'City'},
            {field:'suburbName', displayName:'Suburban'},
            { field: '',cellClass:'right' , cellTemplate: '<button type="button" class="btn btn-link btn-mini" ng-click="deleteLocations(row)">click</button>' }]
};

在单元格模板中,编写一个html,将文本包装在第二行,并为子div提供缩进。也许这可能有助于你的情况。