Element-ui组件库Table表格导出Excel表格

实现效果

Element-ui组件库Table表格导出Excel表格_第1张图片
页面截图

点击“点击导出”按钮后下载sheetjs.xlsx文件(导出文件)

Element-ui组件库Table表格导出Excel表格_第2张图片
sheetjs.xlsx文件截图

Element组件库中的el-table表格导出需要的主要是两个依赖:(xlsx 和 file-saver)

  • 安装

    npm install --save xlsx file-saver
    
  • 两个插件的详细地址在下面

https://github.com/SheetJS/js-xlsx
https://github.com/eligrey/FileSaver.js

代码部分(有注释解释说明)

    

    

    

如果数据中带有‘100%’等数据,不想被处理为小数,加{raw:true}即可

     var wb = XLSX.utils.table_to_book(document.querySelector("#out-table"),{raw:true});

你可能感兴趣的:(Element-ui组件库Table表格导出Excel表格)