如何在导出excel - Angular 6中将kendo网格中的FooterTemplate分隔为2行

在导出Excel中将Kendo网格中的FooterTemplate分隔为两行，可以通过以下步骤实现：

1. 首先，在Angular 6项目中安装Kendo UI Grid组件。可以使用以下命令进行安装：

npm install --save @progress/kendo-angular-grid

1. 在需要使用Kendo网格的组件中引入所需的模块和服务。例如，在你的组件.ts文件中添加以下代码：

import { Component } from '@angular/core';

import { ExcelExportData } from '@progress/kendo-angular-excel-export';

import { GridComponent } from '@progress/kendo-angular-grid';

@Component({

 selector: 'app-your-component',

 templateUrl: './your-component.html',

 styleUrls: ['./your-component.css']

})

export class YourComponent {

 public gridData: any[] = [

   // 网格数据

 ];

 public exportToExcel(grid: GridComponent): void {

   grid.saveAsExcel();

 }

 public excelExportDataHandler(data: ExcelExportData): void {

   const footerRow = data.workbook.sheets[0].rows[data.workbook.sheets[0].rows.length - 1];

   footerRow.cells[0].value = '第一行内容';

   footerRow.cells[1].value = '第二行内容';

 }

}

1. 在你的组件的HTML模板中，使用Kendo网格组件并设置FooterTemplate。例如：

<kendo-grid data="gridData" (excelExport)="excelExportDataHandler($event)">

 <kendo-grid-column field="column1" title="列1"></kendo-grid-column>

 <kendo-grid-column field="column2" title="列2"></kendo-grid-column>

 <!-- 其他列定义 -->

 <ng-template kendoGridFooterTemplate let-column="column">

   <div>

     <span>第一行内容</span>

   </div>

   <div>

     <span>第二行内容</span>

   </div>

 </ng-template>

</kendo-grid>

1. 最后，在导出Excel的按钮或其他触发导出的地方，调用exportToExcel方法。例如，在你的组件的HTML模板中添加一个按钮：

<button (click)="exportToExcel(grid)">导出Excel</button>

通过以上步骤，你可以在导出Excel时将Kendo网格中的FooterTemplate分隔为两行。在导出的Excel文件中，FooterTemplate的内容将显示为两行，分别是"第一行内容"和"第二行内容"。

请注意，以上示例中使用的是Kendo UI Grid组件，你可以根据自己的需求和项目中已有的组件库进行相应的调整和替换。