Angular-datatables 服务器端处理和按钮扩展。数据为空

Question

使用 Angular4 和角度数据表。

一切看起来都很好（分页、列排序、导出按钮），但是当我尝试打印/复制/导出表格时，它只输出标题，即使其余数据都在那里。

任何想法我应该检查什么？

this.dtOptions = {
  pagingType: 'full_numbers',
  pageLength: 20,
  serverSide: true,
  processing: true,
  ajax: (dataTablesParameters: any, callback) => {
   this.service.getServerSidePaganated(dataTablesParameters).subscribe(resp => {
      that.cdrs = resp.data;
      callback({
        recordsTotal: resp.recordsTotal,
        recordsFiltered: resp.recordsFiltered,
        data: []
      });
    });
  },
  columns: [
    { data: 'source' },
    { data: 'destination' },
    { data: 'dateTime'},
    { data: 'callTime'},
    { data: 'timeOnHold'},
    { data: 'disposition'},
    { data: 'recordingFileName'}
  ],
  // Declare the use of the extension in the dom parameter
  dom: 'Bfrtip',
  // Configure the buttons
  buttons: [
     'print',
     'excel'
  ]
};

}

Answer 1

你应该设置回调数据

 ajax: (dataTablesParameters: any, callback) => {
   this.service.getServerSidePaganated(dataTablesParameters).subscribe(resp => {
   //   that.cdrs = resp.data;  // remove this line
      callback({
        recordsTotal: resp.recordsTotal,
        recordsFiltered: resp.recordsFiltered,
        data:  resp.data  // set data
      });
    });