纯js下载excel,react,vue都可以使用

// 下载 npm i js-export-excel
import ExportJsonExcel from 'js-export-excel';
	const list= [
		{
			date: "2020-02-03", 
        	date2:"2020-01-02",
        	uid: "uid",
		},
		{
			date: "2021-02-03",
        	date2:"2021-01-02",
        	uid: "uid2",
		}
	]
// exportExcel 这是一个方法 直接调用
exportExcel = (list)=>{ 
	const option = {};
	const dataTable = []
	list.forEach(item=>{ 
		const obj = {
				数据日期: item.date,  // 数据日期 要跟sheetHeader里的数据一一对应 
        		发布日期: item.date2 || "无", // 可以多加一个判断,date2没有值时就给"无"
        		用户ID:  item.uid, 
			}
			dataTable.push(obj)
	})
  	option.fileName = `下载表格的名字`;
    option.datas = [
      {
        sheetData: dataTable, // 数据 数组里包着多个对象,一个对象为一列[{},{},{}]
        sheetName: 'sheet',  // 名字(可有可无)(默认 sheet1)
        sheetHeader: [  // 表格里的列表的第一行(表头) 对应sheetData数据,最好不要重复名字
          '数据日期',
          '发布日期',
          '用户ID',
        ],  
        columnWidths: [7, 12, 5], // 每一列的宽度 需与列顺序对应
      },
    ];

    const toExcel = new ExportJsonExcel(option); // 创建表格
    toExcel.saveExcel();	// 保存下载表格
    }

js-export-excel地址有下载blob格式

  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值