xlsx-populate导出excel的格式

安装xlsx-populate

平常用到导出excel的方法是已经将数据显示出来了,然后直接将页面导出为excel,而如果要将数据填充到excel中,且需要设置它的样式,合并单元格的时候就不知道怎么办了,所以找到一个插件可以实现这些功能—xlsx-populate
npm install xlsx-populate

GitHub地址:https://github.com/dtjohnson/xlsx-populate

可以查看官网上面的关于插件的一些方法的使用
可以填充单元格数据,管理行和列,设置单元格的样式

xlsx-populate导出excel的格式_第1张图片

// 在组件内使用这个插件
import XlsxPopulate from 'xlsx-populate'
// 基本的使用
var name = "问卷分析";

				XlsxPopulate.fromBlankAsync()
					.then(function(workbook) {
     
						//处理数据和导出样式
						var sheet = workbook.sheet(0);
						sheet.column("A").width(35).style({
     // 设置A列的样式
							wrapText: true
						});
						sheet.column("B").width(18).style({
     // 设置B列的格式
							wrapText: true,
							numberFormat: "0.00"
						});
						sheet.cell('A2').value("this is neat!");// 添加文本
						sheet.cell("A1").value([1, 2, 3]).style({
      // 
							leftBorder: "thick",
							rightBorder: "thick"
						})
						const r = sheet.range("B1:D3");// range,在这个范围内设置
						r.value(5);
						const r2 = sheet.range("A4:C6");
						r2.value([
							[1,2,3],
							[4,5,6],
							[7,8,9]
						])
						//处理完毕
						return workbook.outputAsync({
     
							type: ""
						});
					}).then(function(blob) {
     
						if (window.navigator && window.navigator.msSaveOrOpenBlob) {
     
							window.navigator.msSaveOrOpenBlob(blob, name + ".xlsx");
						} else {
     
							var url = window.URL.createObjectURL(blob);
							var a = document.createElement("a");
							document.body.appendChild(a);
							a.href = url;
							a.download = name + ".xlsx";
							a.click();
							window.URL.revokeObjectURL(url);
							document.body.removeChild(a);
						}
					}).catch(function(err) {
     
						alert(err.message || err);
						throw err;
					});

xlsx-populate导出excel的格式_第2张图片

你可能感兴趣的:(javascript,excel)