Question

我之前几次问过有关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>

这些位于一些包装器组件中，其中顶层包装器是kendo-pdf-export标签。

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

Answer 1

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

Excel Export demo

...或用于导出“主从网格”的屏幕（根据需要进行调整后）：

Master-detail Grid excel export demo

场景并不相同，但是方法仍然归结为获取所有涉及的Grid的数据，并将其输出到Excel文档中。

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

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

1 个答案: