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

Question

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

我需要在同一个 column.How 上同时显示 streetNumber 和 StreetName 可以吗？

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: []
            };

Answer 1

您可以像这样使用自定义模板

$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

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

Angular UI Grid how to show multiple fields for the single column

angularjs

angular-ui-grid