您好,登录后才能下订单哦!
这篇文章主要讲解了“如何使用PivotGrid修改导出的Excel文件”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何使用PivotGrid修改导出的Excel文件”吧!
Kendo UI是带有jQuery、Angular、React和Vue库的JavaScript UI组件的最终集合,无论选择哪种JavaScript框架,都可以快速构建高性能响应式Web应用程序。通过可自定义的UI组件,Kendo UI可以创建数据丰富的桌面、平板和移动Web应用程序。通过响应式的布局、强大的数据绑定、跨浏览器兼容性和即时使用的主题,Kendo UI将开发时间加快了50%。
您可以通过修改生成的Workbook对象,将不同的样式和值更改应用于导出到Excel的Kendo UI PivtoGrid中。
下面的示例演示如何实现此操作。
<div id="example"> <button id="export">Export</button> <div id="pivotgrid"></div> <script> $(document).ready(function () { var pivotgrid = $("#pivotgrid").kendoPivotGrid({ excel: { fileName: "Kendo UI PivotGrid Export.xlsx", proxyURL: "//demos.telerik.com/kendo-ui/service/export", filterable: true }, excelExport: function(e) { var sheet = e.workbook.sheets[0]; var rows = sheet.rows; var rowIdx, colIdx, cells, cell; for (rowIdx = 0; rowIdx < rows.length; rowIdx++) { if (rows[rowIdx].type === "data") { cells = rows[rowIdx].cells; for (colIdx = sheet.freezePane.colSplit; colIdx < cells.length; colIdx++) { cell = cells[colIdx]; cell.background = "#aabbcc"; cell.value = kendo.toString(cell.value, "c"); } } } }, dataCellTemplate: $("dataCellTemplate").html(), filterable: true, sortable: true, columnWidth: 200, height: 580, dataSource: { type: "xmla", columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Product].[Category]" } ], rows: [{ name: "[Geography].[City]" }], measures: ["[Measures].[Reseller Freight Cost]"], transport: { connection: { catalog: "Adventure Works DW 2008R2", cube: "Adventure Works" }, read: "//demos.telerik.com/olap/msmdpump.dll" }, schema: { type: "xmla" }, error: function (e) { alert("error: " + kendo.stringify(e.errors[0])); } } }).data("kendoPivotGrid"); $("#export").click(function() { pivotgrid.saveAsExcel(); }); }); </script> </div>
感谢各位的阅读,以上就是“如何使用PivotGrid修改导出的Excel文件”的内容了,经过本文的学习后,相信大家对如何使用PivotGrid修改导出的Excel文件这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。