angularjs使用指令實現table導出csv

最近項目中用戶提出但願將查詢到的表格導出爲excel。因爲導出的數據條目很少,遂使用前臺直接導出爲csv的方法來實現。segmentfault

基本思路

  1. 獲取table中的數據。
  2. 將每一個單元格的數據用,分離。
  3. 將每行中的數據用'n'分離。
  4. 僞造一個a連接,並模擬點擊該連接,點擊後刪除該連接。
  5. 將要生成csv的字符串直接放在a連接的後方,點擊後便自動下載爲csv文件。

代碼實現

請點擊:連接右側的點擊預覽 按鈕來查看示例代碼
https://codepen.io/myskies/pen/xjMJmVexcel

感謝 segmentfault支持 codepen在線閱覽!

參考:

https://codepen.io/YuvarajTana/pen/yNoNdZ
相關文章
相關標籤/搜索