使用angular4将Kendo UI导出到csv

Question

我对剑道ui相对较新。我想在angular4应用程序中使用kendo ui提供一个带有3个列标题的空CSV。

我浏览了kendo ui官方网站并将导入实现如下所示： -

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

@Component({
    selector: 'my-app',
    template: `
        <button type="button" class="k-button" (click)="save(excelexport)">Export To Excel</button>

        <kendo-excelexport fileName="User_Invite_Sample.xlsx" #excelexport>
            <kendo-excelexport-column field="firstname" title="firstname">
            </kendo-excelexport-column>
            <kendo-excelexport-column field="lastname" title="lastame">
            </kendo-excelexport-column>
             <kendo-excelexport-column field="email" title="email">
            </kendo-excelexport-column>
        </kendo-excelexport>
    `
})
export class AppComponent {
  

    public save(component): void {
        console.log("TEST", component);
        const options = component.workbookOptions();
        const rows = options.sheets[0].rows;
        component.save(options);
    }
}

https://www.telerik.com/kendo-angular-ui/components/excelexport/

这实际上是出于导出到xlsx的目的，但我尝试将其下载为CSV，因为我需要将其下载为CSV格式。

我尝试通过更改

来更改并将其下载为CSV

 <kendo-excelexport fileName="User_Invite_Sample.csv" #excelexport>

但下载的CSV已损坏。

我找到了以下链接，但无法理解如何处理它： -

https://github.com/uber-rob/kendo-grid-csv-download

所以任何帮助都会受到赞赏。