Check out this sandbox example:
https://codesandbox.io/embed/syncfusion-grid-group-pdf-export-isjxg?fontsize=14&hidenavigation=1&theme=dark
Try clicking on the "Export to PDF" button to export the rendered grid, and you'll get this error:
Uncaught (in promise) TypeError: w[t.getEnumValue(...)] is not a function
at i.processAggregates (ej2-grids.umd.min.js:10)
at eval (ej2-grids.umd.min.js:10)
at e.notify (ej2-base.umd.min.js:10)
at o.e.trigger (ej2-base.umd.min.js:10)
at VueComponent.n.trigger (ej2-vue-grids.umd.min.js:10)
at y (ej2-grids.umd.min.js:10)
at i.processGroupedRecords (ej2-grids.umd.min.js:10)
at i.processGridExport (ej2-grids.umd.min.js:10)
at eval (ej2-grids.umd.min.js:10)
at new Promise (<anonymous>)
at i.processExport (ej2-grids.umd.min.js:10)
at eval (ej2-grids.umd.min.js:10)
In the Grid.vue component file, you'll see aggregate column defined as follows:
columns: [
{
field: "purchase",
type: "Sum",
// PDF export fails when both footer templates defined.
// If either one of them is removed, and the other defined,
// then it works fine.
footerTemplate: this.footerSum,
groupFooterTemplate: this.footerSum
}
]
As the comment says, try commenting out either template, and then export works.
What's happening here?
Thanks!