【问题标题】:how to hide column in export如何在导出中隐藏列
【发布时间】:2018-03-25 09:10:07
【问题描述】:

如何在 excel 或 csv 导出中隐藏全选(复选框)列。

{
    checkboxSelection: true,
    suppressMenu: true,
    suppressSorting: true,
    suppressFilter: true,
    width: 30,
    pinned: true,
    suppressExcelExport :true,
    headerCellRenderer: this.selectAllRenderer
},

【问题讨论】:

    标签: ag-grid ag-grid-ng2


    【解决方案1】:

    以下代码将解决您的问题

    var columnsForExport=[];
    var allColumns=gridOption.columnApi.getAllColumns();
    
    allColumns.forEach((element:any) => {
        if(element.colId!="#"){
            columnsForExport.push(element.colId)
        }
    });
    

    【讨论】:

    • { checkboxSelection: true, suppressMenu: true, suppressSorting: true, suppressFilter: true, width: 30, pinned: true, suppressExcelExport :true, columnKeys:columnsForExport },
    【解决方案2】:

    目前,suppressExcelExport: true 属性仅适用于整个网格,而不适用于列!

    但是有一个很好的解决方法,它可以让任何自定义列属性(例如suppressExcelExport)像您所要求的那样充当真正的工作属性。

    您只需在单击按钮或添加context menu 项目时调用此函数:

    function exportActiveColumns() {
        let allColumns = gridOptions.columnApi.getAllColumns();
        let exportColumns = allColumns .filter(col => !col.userProvidedColDef.suppressExcelExport);
        gridOptions.api.exportDataAsExcel({
            columnKeys: exportColumns,
        });
    }
    

    请确保suppressExcelExport对于网格来说是false,否则调用exportDataAsExcel api后将没有结果。

    同样的事情也适用于 CSV。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-07-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-01-15
      相关资源
      最近更新 更多