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选项。
<div id="grid"></div><script>$("#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" }]});</script>
标签：
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！