angularjs - Angular 数据表 - 呈现以组合来自多列的数据

标签 angularjs angular-datatables

我的数据表 angularjs Controller 代码如下。使用 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')
];

最佳答案

帮助我编写渲染器的链接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'),
];

关于angularjs - Angular 数据表 - 呈现以组合来自多列的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32892135/

相关文章:

javascript - 具有过滤列宽的 Angular 数据表

angular - 使用 routerLink 渲染数据表中的列

javascript - Angular 数据表固定列未定义不是函数

javascript - AngularJS $http.post 返回状态 0

angularjs - 如何在firebase中使用相同的方法同时更新多个对象中的数据?

javascript - modal 和 ng-bind-html 的问题

jquery - Angular 6 - 数据表

css - 显示 :none with angular datatables

html - Angularjs Angular 计时器和 $http

javascript - typescript:带有属性的函数