3

每当我尝试以数据透视模式从 ag 网格中导出数据时，列标签行不包含在导出文件中。

<ag-grid-vue
  style="width: 100%; height: 600px"
  class="ag-theme-balham mt-3"
  id="myGrid"
  :gridOptions="gridOptions"
  :defaultColDef="defaultColDef"
  :columnDefs="columnDefs"
  :pivotMode="true"
  :rowGroupPanelShow="rowGroupPanelShow"
  :pivotPanelShow="pivotPanelShow"
  :pivotColumnGroupTotals="pivotColumnGroupTotals"
  :pivotRowTotals="pivotRowTotals"
  :autoGroupColumnDef="autoGroupColumnDef"
  :sideBar="true"
  :rowData="rowData"
  ></ag-grid-vue>

import { AgGridVue } from "ag-grid-vue";
import "ag-grid-enterprise";

目前我正在尝试在btn click上调用导出功能，功能如下

onBtnExportDataAsExcel() {
      this.gridOptions.api.exportDataAsExcel({ columnGroups: true });
},

有没有办法下载列标签和列数据，或者我需要导入一些 ag 网格模块才能工作。

4

3 回答 3

2

@pratik 给出的答案是正确的。但是您使用的导入可能是错误的。访问此链接。

于 2020-05-06T08:51:38.540 回答
2

由于您没有提供如何实现导出功能的代码，我可以猜测一下。

您将不得不columnGroups: true像这样传递 params 对象 -

this.gridApi.exportDataAsExcel({ columnGroups: true });

这应该导出所有分组的标题。来自文档的透视示例。

如果您希望更改上下文菜单导出实现，这是一个 2 步过程。

1.创建函数

exportDataAsExcel() {
  this.gridApi.exportDataAsExcel({ columnGroups: true });
}
  1. 自定义上下文菜单并在 action 参数中提供此功能。
于 2020-04-19T17:33:29.677 回答
0

它已在版本 25.3.0 中修复。所以你不需要像@pratik 所说的那样做

你可以从这里查看。 https://www.ag-grid.com/ag-grid-changelog/?fixVersion=25.3.0

于 2021-06-28T12:53:41.013 回答