Kendo ui Angular 7如何将多个网格导出为一个excel文件



我以前见过Angular 2问过几次这个问题,但我没有看到专门问Angular 6或7的问题。

我有一个包含多个网格的页面,我正试图将其导出为一个excel文件。即使是多个工作表。

<!-- Section header 1 -->
<kendo-grid [data]="data.something" scrollable="none">
<kendo-grid-column field="item"></kendo-grid-column>
<kendo-grid-column field="amount"></kendo-grid-column>
<kendo-grid-column field="price"></kendo-grid-column>
</kendo-grid>
<!-- Section header 2 -->
<kendo-grid [data]="data.something2" scrollable="none">
<kendo-grid-column field="item"></kendo-grid-column>
<kendo-grid-column field="amount"></kendo-grid-column>
<kendo-grid-column field="price"></kendo-grid-column>
</kendo-grid>

这些都在一些包装器组件中,最高级的包装器是kendopdf导出标记。

如何将网格导出到一个Excel文件中?

您可以使用以下文档文章中概述的方法将多个数据集导出到单独的Excel表中:

Excel导出演示

或用于导出主细节网格的网格(根据您的需求进行调整后(:

主细节网格excel导出演示

场景不同,但方法仍然可以归结为获取所有相关网格的数据,并将其输出到Excel文档中。

概述的方法都不是特定于Angular 6/7的,所有使用Angular 2、4或5的方法也应该适用于Angular 6和7。

最新更新