Angular KendoGrid excelExport 事件。添加自定义列

Question

我正在使用 KendoGrid 的 excelExport 事件在导出之前操作一些列数据。是否可以在两个现有列之间添加一个新列？

这是我现在用来操作一些日期的代码。我想在第一列之后添加一个新列。

    exportDataToExcel(e) 
    {
        const sheet = e.workbook.sheets[0];
        const datePipe = new DatePipe('es-AR');
        for (let rowIndex = 1; rowIndex < sheet.rows.length; rowIndex++) {
            const row = sheet.rows[rowIndex];
            const timestamp = new Date(row.cells[0].value);
            row.cells[0].value = datePipe.transform(timestamp, this.dateFormatColumns);
        }
    }

Answer 1

默认情况下，网格导出其当前列。但是，这可以通过在

<kendo-grid-excelexport-column>

组件中定义

<kendo-grid-excel

组件来更改。

<kendo-grid-excel

之间定义的列在导出到 Excel 时具有更高的优先级。这就是为什么它们只在导出的 Excel 中可见。

<kendo-grid ...>
    <kendo-grid-column field="ID"></kendo-grid-column>
    <kendo-grid-column field="Categories"></kendo-grid-column>
     
    <kendo-grid-excel fileName="Products.xlsx">
        <kendo-excelexport-column 
            field="ProductName" 
            title="Product Name">
        </kendo-excelexport-column>
        <kendo-excelexport-column
            field="UnitPrice"
            title="Unit Price"
            [cellOptions]="{ format: '0.00$' }">
        </kendo-excelexport-column>
      </kendo-grid-excel>
</kendo-grid>

有关详细信息，请查看以下文章：

https://www.telerik.com/kendo-angular-ui/components/grid/export/excel-export/#toc-specifying-exported-columns