Angular UI Grid如何为单列显示多个字段

时间:2016-03-15 12:30:24

标签: angularjs angular-ui-grid

我正在使用Angular Ui Grid。如何为单列显示多个字段?感谢。

我需要在同一列上显示streetNumberStreetName。我该怎么做?

vm.propertyListGridOptions = {
                appScopeProvider: vm,
                flatEntityAccess: false,
                fastWatch: true,
                showHeader: false,
                columnDefs: [
                    {
                        name: app.localize('IplNumber'),
                        field: 'id',
                        width: 100,
                    },
                    {
                        name: app.localize('BrAddress'),
                        field: 'address.streetNumber',
                        width: 140,
                    }

                ],
                data: []
            };

1 个答案:

答案 0 :(得分:4)

您可以使用此类自定义模板

$scope.gridOptions['columnDefs'] = [

    {field: 'name', displayName: 'Name'},
    {field: 'options',displayName: 'Options', cellTemplate: '<span>{{row.entity.streetNumber}} {{row.entity.StreetName}}</span>'}
];

您也可以参阅此页面以获取自定义模板的文档http://ui-grid.info/docs/#/tutorial/317_custom_templates