使用vue導出excel遇到的那些坑（導出excel表格每格前后會默認加空格問題）

需求：

Vue+element UI el-table下的導出當前所有數據到一個excel文件里。

先按照網上的方法，看看有哪些坑

准備工作：

1、安裝依賴：yarn add xlsx file-saver -S

2、在放置需要導出功能的組件中引入
　　

import FileSaver from "file-saver";
import XLSX from "xlsx";

 

今天發現在導出的excel表格每格前后會默認加被加上空格（如下圖）

---

 

 

 

 最后發現是我html寫的問題

錯誤寫法

 

 

 正確寫法

 

 

ok，問題解決