Chinaunix首页 | 论坛 | 博客
  • 博客访问: 80588
  • 博文数量: 25
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 255
  • 用 户 组: 普通用户
  • 注册时间: 2015-04-09 11:03
个人简介

★*^_^*★

文章分类

全部博文(25)

文章存档

2021年(2)

2018年(15)

2017年(1)

2016年(4)

2015年(3)

我的朋友

分类: JavaScript

2018-11-27 16:02:47

完整实例下载,请点击excel导出.rar

1、可设置导出的excel样式,如下图所示:

2 、在点击导出按钮后,传入table的id和导出文档名称,如下图所示:


3、导出的excel中身份证号等过长的数字,excel会默认以科学计数法形式来展示,则需要style设置mso-number-format:\'\@\'

4、导出的excel中时间显示不完整,只显示到分,如果需要完整显示,则需要style设置:mso-number-format:'yyyy-MM-dd hh:mm:ss'

xlsx插件用法:
import FileSaver from "file-saver";
import xlsx from "xlsx";
export function exportExcel(name,id){
    let wb = xlsx.utils.table_to_book(document.querySelector(`#${id}`),{raw:true});   // 这里就是表格id,raw:true属性控制把内容当做字符串进行输出
    let wbout = xlsx.write(wb, { bookType: 'xlsx'bookSST: truetype: 'array' });
    try {
     FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), `${name}.xlsx`);  //table是自己导出文件时的命名
    } catch (e)
    {
      if (typeof console !== 'undefined')
        console.log(ewbout)
    }
    return wbout
}
阅读(916) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~