如何使用PivotGrid修改导出的Excel文件

发布时间:2021-10-12 15:35:35 作者:iii
来源:亿速云 阅读:116

这篇文章主要讲解了“如何使用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文件这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

推荐阅读:
  1. 如何使用JavaScript导入和导出Excel文件
  2. Java如何导出excel文件

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

pivotgrid javascript jquery

上一篇:HTTPS对性能有哪些影响

下一篇:HTTPS基于协议和配置的优化是怎样的

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》