[js] html table 匯出 excel 並下載

javascript excel table

s098001796 2015-08-31 14:38:38 ‧ 34155 瀏覽

分享至

我想要請問一下如何把.html上的 table 轉存成excel並下載?

看更多先前的討論...收起先前的討論...

窮嘶發發發 iT邦高手 1 級 ‧ 2015-08-31 14:45:36 檢舉

不能 MARK + Ctrl + C => EXCEL 點某個儲存格然後 Ctrl + V 貼上嗎

窮嘶發發發 iT邦高手 1 級 ‧ 2015-08-31 14:49:26 檢舉

網頁的表格有以下作法
1. TABLE 正規表格
2. CSS 區塊堆疊

這兩種是很常見的作法
第一種，已經快消失了
第二種已經是非常非常多人使用
所以一般我都是建議複製到文字檔後
再用EXCEL 的文字檔匯入的方式，這樣會比較保險

s098001796 iT邦新手 5 級 ‧ 2015-08-31 15:03:21 檢舉

我是想要把網站上的table 供使用者下載成excel

蟹老闆 iT邦大師 1 級 ‧ 2015-08-31 21:07:42 檢舉

excel 有新增WEB檔詢應該可以用

蟹老闆 iT邦大師 1 級 ‧ 2015-08-31 21:08:13 檢舉

dream提到：
檔詢

查詢

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

外獅佬

iT邦大師 1 級 ‧ 2015-09-01 09:15:34

最佳解答

javascript:

&lt;pre class="c" name="code">
function exportExcel(){
  var html = '&lt;meta http-equiv="content-type" content="application/vnd.ms-excel; charset=UTF-8" />&lt;title>Excel&lt;/title>';
  html += '';
  html += document.getElementById('div_excel').outerHTML + '';
  window.open('data:application/vnd.ms-excel,' + encodeURIComponent(html));
}

HTML:

&lt;pre class="c" name="code">



  &lt;div id="div_excel">
    &lt;table>
      &lt;thead>
	&lt;tr>&lt;th>產品編號&lt;/th>&lt;th>產品名稱&lt;/th>&lt;/tr>
      &lt;/thead>
      &lt;tbody>
	&lt;tr>&lt;td>P00001&lt;/td>&lt;td>Windows 10&lt;/td>&lt;/tr>
	&lt;tr>&lt;td>P00002&lt;/td>&lt;td>Windows 8.1&lt;/td>&lt;/tr>
      &lt;/tbody>
    &lt;/table>
  &lt;/div>
  &lt;br />
  &lt;div>&lt;button type="button" onclick="exportExcel()">匯出Excel&lt;/button>&lt;/div>