ag-grid angular 5 导出隐藏,列

Posted

技术标签:

【中文标题】ag-grid angular 5 导出隐藏,列【英文标题】:ag-grid angular 5 export hidde, columns 【发布时间】:2019-01-15 11:47:41 【问题描述】:

我正在为 angular 5 上的 ag-grid 列开发导出功能

这是我的专栏的代码:

columnDefs = [  
  headerName:'',
  field:'',
  pinned:true,
  headerCheckboxSelection:true,
  headerCheckboxSelectionFilteredOnly:true,
  width:42,
  checkboxSelection:true
,   
  headerName:'Actions',
  field:'_id.$oid',
  cellRenderer:'viewModalRenderer',
  pinned:true
,   
  headerName:'Status',
  field:'status'
,   
  headerName:'Category',
  field:'category',
  cellRenderer:'viewCetegoryRenderer',
  width:120,
  editable:true,
  hide:true
,   
  headerName:'Created',
  field:'created',
  editable:true,
  filter:'agDateColumnFilter'
,   
  headerName:'Price',
  field:'price',
  filter:'agNumberColumnFilter',
  width:120,
  editable:true
];

我正在调用这个函数来导出

onBtnExport() 
  let params = 
  this.gridApi.exportDataAsCsv(params);

如何在我的导出中包含标记为 hide: true 的 Category 列?

【问题讨论】:

【参考方案1】:

试试这个代码:

   exportCsv()        
    var excelParams = 
        columnKeys: ['firstName', 'middleName','lastName', 'dob'],
        allColumns: false,
        fileName: 'Student List.csv',
        skipHeader: false,
        customHeader: 'Student List' + '\n',
        customFooter: '\n \n Total No.Of Students :' + this.gridOptions.api.getModel().getRowCount() + ' \n'
    
    this.gridOptions.api.exportDataAsCsv(excelParams);

定义要在 columnKeys 中显示的列

【讨论】:

以上是关于ag-grid angular 5 导出隐藏,列的主要内容,如果未能解决你的问题,请参考以下文章

Angular Ag-grid(值获取器不导出单元格的渲染值)

具有 Angular 6 导出功能的 ag-grid 20

隐藏 Ag-Grid 中的特定行值 - Angular

如何使用 ag-grid 导出到具有 Angular 6 的大数据(50,000 行)的 excel 功能(内存不足错误)?

Angular - ag-grid - 动态添加列

Ag-grid 隐藏过滤列