纯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格式

猜你喜欢

转载自blog.csdn.net/qq_45163801/article/details/109029622
今日推荐