CODEWITHSUNDEEP
angularjsangular-datatables
dnyanesh
dnyanesh

Reputation: 99

Angular datatables - rendered to combine data from multiple column

My angularjs controller code for datatable is given below. With DTColumnBuilder option how can i provide column renderer to show formatted data

$scope.dtOptions = DTOptionsBuilder.fromSource(CompanyService.loadUrl()).withPaginationType('full_numbers').withOption('rowCallback', rowCallback);
$scope.dtColumns = [
    DTColumnBuilder.newColumn('id').withTitle('Id'),
    DTColumnBuilder.newColumn('name').withTitle('Name'),
    DTColumnBuilder.newColumn('description').withTitle('Description'),
    DTColumnBuilder.newColumn('active_status').withTitle('Status')
];

Upvotes: 3

Views: 4139

Answers (1)

dnyanesh
dnyanesh

Reputation: 99

The link which help me to write renderer https://github.com/l-lin/angular-datatables/issues/224

    $scope.dtColumns = [
    DTColumnBuilder.newColumn('id').withTitle('Id'),
    DTColumnBuilder.newColumn('name').withTitle('Name'),

    DTColumnBuilder.newColumn(null).withTitle('Address').renderWith(function(data,type,full) {
        var address =  '<address>' + data.address_line_1+ '<br>';
        if (data.address_line_2.trim())  {
            address = address + data.address_line_2+ '<br>';
        }       
        address = address + data.location + '<br>'
                 + data.city + '-' + data.pincode + '<br>'
                 + data.state +'<br>' 
                 + data.country;
        return address;         

    }),

    DTColumnBuilder.newColumn('city').withTitle('City'),
    DTColumnBuilder.newColumn('state').withTitle('State'),
    DTColumnBuilder.newColumn('country').withTitle('Country'),
];

Upvotes: 4

Related Questions