无法导出到 excel Syncfusion 枢轴 table,在 Angular 中 enableVirtualization = true
Can't export to excel a Syncfusion pivot table with enableVirtualization = true in Angular
这是 component.html 代码。
<ejs-pivotview #pivotview id='PivotView'
[dataSourceSettings]=dataSourceSettings
allowExcelExport='true'
allowConditionalFormatting='false'
allowPdfExport='true'
showToolbar='true'
allowCalculatedField='true'
showFieldList='true'
showGroupingBar='true'
[chartSettings]='chartSettings'
expandAll='true'
exportAllPages='true'
enableVirtualization='true'
height='500'
[gridSettings]='gridSettings'
[displayOption]='displayOption'
locale='es'
[toolbar]='toolbarOptions'
width="getWidth()"
>
并且在component.ts
import {
FieldListService, CalculatedFieldService,
ToolbarService, ConditionalFormattingService,
ToolbarItems, DisplayOption, GroupingBarService,
IDataOptions, VirtualScrollService
} from '@syncfusion/ej2-angular-pivotview';
//...
//...
declare var require: any;
@Component({
selector: 'app-repo-pivote',
templateUrl: './repo-pivote.component.html',
//encapsulation: ViewEncapsulation.None,
styleUrls: ['./repo-pivote.component.css'],
providers: [CalculatedFieldService, ToolbarService, ConditionalFormattingService, FieldListService, GroupingBarService,VirtualScrollService]
})
数据超过 30K 行。
有这个错误。
当我删除 enableVirtualization 参数时,它导出良好。
更新
这是一个显示问题的简单项目。
https://stackblitz.com/edit/angular-ivy-747r19?file=src/app/app.component.html
我可以用这个解决它
import {
ExcelExportService,
PDFExportService,
} from '@syncfusion/ej2-angular-pivotview';
@Component({
selector: 'app-root',
templateUrl: 'app.component.html',
encapsulation: ViewEncapsulation.None,
styleUrls: ['app.component.css'],
providers: [
ExcelExportService,
PDFExportService,
],
})
在导入中我添加了 ExcelExportService 和 PDFExportService,也在组件提供程序中。
这是 component.html 代码。
<ejs-pivotview #pivotview id='PivotView'
[dataSourceSettings]=dataSourceSettings
allowExcelExport='true'
allowConditionalFormatting='false'
allowPdfExport='true'
showToolbar='true'
allowCalculatedField='true'
showFieldList='true'
showGroupingBar='true'
[chartSettings]='chartSettings'
expandAll='true'
exportAllPages='true'
enableVirtualization='true'
height='500'
[gridSettings]='gridSettings'
[displayOption]='displayOption'
locale='es'
[toolbar]='toolbarOptions'
width="getWidth()"
>
并且在component.ts
import {
FieldListService, CalculatedFieldService,
ToolbarService, ConditionalFormattingService,
ToolbarItems, DisplayOption, GroupingBarService,
IDataOptions, VirtualScrollService
} from '@syncfusion/ej2-angular-pivotview';
//...
//...
declare var require: any;
@Component({
selector: 'app-repo-pivote',
templateUrl: './repo-pivote.component.html',
//encapsulation: ViewEncapsulation.None,
styleUrls: ['./repo-pivote.component.css'],
providers: [CalculatedFieldService, ToolbarService, ConditionalFormattingService, FieldListService, GroupingBarService,VirtualScrollService]
})
数据超过 30K 行。
有这个错误。
当我删除 enableVirtualization 参数时,它导出良好。
更新
这是一个显示问题的简单项目。
https://stackblitz.com/edit/angular-ivy-747r19?file=src/app/app.component.html
我可以用这个解决它
import {
ExcelExportService,
PDFExportService,
} from '@syncfusion/ej2-angular-pivotview';
@Component({
selector: 'app-root',
templateUrl: 'app.component.html',
encapsulation: ViewEncapsulation.None,
styleUrls: ['app.component.css'],
providers: [
ExcelExportService,
PDFExportService,
],
})
在导入中我添加了 ExcelExportService 和 PDFExportService,也在组件提供程序中。