js实现数据表格导出excel文件

完整实例下载，请点击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: true, type: 'array' });

    try {

     FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), `${name}.xlsx`);  //table是自己导出文件时的命名

    } catch (e)

    {

      if (typeof console !== 'undefined')

        console.log(e, wbout)

    }

    return wbout

}