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

Question

I'm using Angular Ui Grid.How can I show multiple fields for the single column ? Thanks.

I need to show both streetNumber and StreetName on the same column.How can I do that ?

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

Aneesh Kallarakkal · Accepted Answer · 2016-03-15 12:38:05Z

4

You can use custom template like this

$scope.gridOptions['columnDefs'] = [

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

You can also refer this page for documentation for custom templates http://ui-grid.info/docs/#/tutorial/317_custom_templates

answered Mar 15, 2016 at 12:38

Aneesh Kallarakkal

3331 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sridhar Over a year ago

Its sorting and filtering based on the options mentioned by field attribute. But how do I filter exactly how the data appear ?

Collectives™ on Stack Overflow

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

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related