纯前端导出Excel

 纯前端导出Excel,其他地方自行修改,这是例子,配合xlsx.full.min.js

下载地址:https://gitcode.com/TaoZY512/xlsx/blob/master/xlsx.full.min.js

function exportExcel(filename,sheetName, jsonArray ) {

	//展示的顺序,把data中对象的属性按照你想要的顺序排放就可以了
	const header = ["companyName", "strategy", "successDistribute", "successStrategy", "outage", "energize","percentage"];
	//展示的名称
	const header_zh = {
		companyName: "地市",
		strategy: "策略数量",
		successDistribute: "标工数量",
		successStrategy: "下发成功总数",
		outage: "断电数量",
		energize: "通电数量",
		percentage: "节能开启比例"
	};
	// 因为数据是有冗余的,但是实际上不需要显示那么多列,需要把多余的列进行剔除
	// 找到最后一列的编号
	let lastCol = XLSX.utils.encode_col(header.length - 1);
	// 找到最后一行的编号
	let lastRow = XLSX.utils.encode_row(jsonArray.length);
	const arrayWithHeader = [header_zh, ...jsonArray];
	const jsonWorkSheet = XLSX.utils.json_to_sheet(
		arrayWithHeader, {
			header: header,
			skipHeader: true
		}
	);
	// 重新设置 单元格范围,剔除不需要的列
	jsonWorkSheet['!ref'] = "A1:" + lastCol + lastRow;
	//自定义列宽
	jsonWorkSheet["!cols"] = [{
			wpx: 250
		},
		{
			wpx: 80
		},
		{
			wpx: 80
		},
		{
			wpx: 80
		},
		{
			wpx: 80
		},
		{
			wpx: 80
		},
		{
			wpx: 80
		}
	];
	const workBook = {
		SheetNames: [sheetName],
		Sheets: {
			[sheetName]: jsonWorkSheet,
		}
	};

	XLSX.writeFile(workBook, filename);
}
exportExcel("节能监控","sheet1", [{},{},{}])

使用例子,很简单

相关推荐

  1. 前端导出Excel

    2024-03-23 15:14:01       21 阅读
  2. vue:功能【xlsx】前端导出Excel

    2024-03-23 15:14:01       21 阅读
  3. 前端页面直接导出Excel方案

    2024-03-23 15:14:01       38 阅读
  4. 前端VUE导出excel多sheet,适用单多导出

    2024-03-23 15:14:01       36 阅读
  5. 前端导出,设置导出xlsx文件样式xlsx-js-style

    2024-03-23 15:14:01       39 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-23 15:14:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-23 15:14:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-23 15:14:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-23 15:14:01       18 阅读

热门阅读

  1. 使用docker搭建Fluentd的教程

    2024-03-23 15:14:01       14 阅读
  2. 【NC16610】Hankson的趣味题

    2024-03-23 15:14:01       17 阅读
  3. 富格林:拆穿黑幕套路维护资金安全

    2024-03-23 15:14:01       19 阅读
  4. zynq Lwip学习笔记-recv_callback函数

    2024-03-23 15:14:01       17 阅读
  5. 大数据的实时计算和离线计算你理解吗?

    2024-03-23 15:14:01       15 阅读
  6. 应用日志集成到ElasticSearch

    2024-03-23 15:14:01       16 阅读
  7. 防火墙(讲解)

    2024-03-23 15:14:01       17 阅读
  8. 设计模式: 外观模式

    2024-03-23 15:14:01       15 阅读
  9. 网络通信过程中为什么需要连接池?

    2024-03-23 15:14:01       16 阅读
  10. Vue-live2d在项目中展示Live2D 模型

    2024-03-23 15:14:01       20 阅读
  11. odoo字段访问控制

    2024-03-23 15:14:01       15 阅读
  12. VUE父子组件的传参问题

    2024-03-23 15:14:01       18 阅读
  13. 5 数据分析——matplotlib

    2024-03-23 15:14:01       15 阅读