透視網格的資料如何匯出Excel?

點選“瞭解更多”獲取工具

Kendo UI是帶有jQuery、Angular、React和Vue庫的JavaScript UI元件的最終集合，無論選擇哪種JavaScript框架，都可以快速構建高效能響應式Web應用程式。通過可自定義的UI元件，Kendo UI可以建立資料豐富的桌面、平板和移動Web應用程式。通過響應式的佈局、強大的資料繫結、跨瀏覽器相容性和即時使用的主題，Kendo UI將開發時間加快了50%。

Excel匯出

PivotGrid使您可以將其內容匯出到Excel。

預設情況下，在頁面上載入kendo.ooxml.min.js時，將啟用Excel匯出。 kendo.all.min.js和kendo.web.min.js中包含kendo.ooxml.min.js。

要使用程式碼啟動Excel匯出，請呼叫saveAsExcel方法。

有關更多資訊，請參考以下資源：

• Configuring the export to Excel
• Exporting the PivotGrid to Excel (demo)

匯出內容

預設情況下，PivotGrid匯出具有應用的排序和篩選功能的當前資料，PivotGrid不會在Excel檔案中匯出當前的CSS主題。

在匯出到Excel的過程中，不使用dataCellTemplate，columnHeaderTemplate和rowHeaderTemplate選項。

自定義外觀

excelExport允許自定義生成的Excel文件，workbook事件引數公開了生成的Excel工作簿配置。

使用模板

PivotGrid在Excel匯出期間不使用dataCellTemplate，columnHeaderTemplate和rowHeaderTemplate，而僅匯出其資料，因為模板可能包含無法轉換為Excel列值的任意HTML。

故障排除

引發"JSZip Is Not Found" JavaScript錯誤

如果未找到JSZip JavaScript庫，則單擊Export to Excel按鈕或呼叫saveAsExcel時會引發異常。要變通解決此問題，請在頁面中包含JSZip。

Excel Export在Internet Explorer和Safari中不起作用

Internet Explorer 10及更早版本和Safari不支援檔案儲存，這些瀏覽器需要實現伺服器代理。要指定伺服器代理的URL，請設定proxyURL選項。

$("#grid").kendoGrid({ toolbar: ["excel"], excel: { fileName: "Kendo UI Grid Export.xlsx", proxyURL: "/proxy" }, dataSource: { type: "odata", transport: { read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Products" }, pageSize: 7 }, sortable: true, pageable: true, columns: [ { width: 300, field: "ProductName", title: "Product Name" }, { field: "UnitsOnOrder", title: "Units On Order" }, { field: "UnitsInStock", title: "Units In Stock" } ] });