首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Angular-datatables服务器端处理和按钮扩展。数据为空

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

Stack Overflow用户
提问于 2019-09-09 15:06:06
回答 1查看 210关注 0票数 2

使用Angular4和angular-datatables。

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

你知道我应该检查什么吗?

代码语言:javascript
运行
复制
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'
  ]
};

}

EN

回答 1

Stack Overflow用户

发布于 2021-01-29 14:13:00

您应该设置回调数据

代码语言:javascript
运行
复制
 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
      });
    });
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57849250

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档