3

データテーブルの angularjs コントローラー コードを以下に示します。DTColumnBuilder オプションを使用して、列レンダラーを提供して書式設定されたデータを表示するにはどうすればよいですか

$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')
];
4

1 に答える 1

5

レンダラーを作成するのに役立つリンク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'),
];
于 2015-10-01T17:20:17.067 に答える