這用到的是tableExport.jquery.plugin
這個庫,這是官方github,這是它的npm庫的介紹,上面都有說明和用法
今天簡單說一下,將頁面上的table導出爲excel,如下圖:
代碼也超級簡單,只用到兩個js文件,都在我給的官方地址可以找到,導出的配置也在:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./js/jquery-1.10.2.min.js"></script>
<script src="./js/tableExport.min.js"></script>
</head>
<body>
<button onClick ="$('#tableData').tableExport({ type: 'excel', escape: 'false', fileName: '哈哈哈哈'})">導出excel</button>
<table border="2" id="tableData">
<tr>
<td>不發給他</td>
<td>豆腐乳</td>
<td>古田會議他</td>
<td>官方燈管合同</td>
</tr>
<tr>
<td>VG環保廳內</td>
<td>從大V粉帶吧</td>
<td>跟團遊假如有</td>
<td>從大V粉帶吧</td>
</tr>
<tr>
<td>從大V粉帶吧</td>
<td>歌劇院</td>
<td>不闔家團圓</td>
<td>還能</td>
</tr>
<tr>
<td>從大V粉帶吧</td>
<td>你核桃仁母乳</td>
<td>從大V粉帶吧</td>
<td>被害人你就有人</td>
</tr>
<tr>
<td>從大V粉帶吧</td>
<td>從大V粉帶吧</td>
<td>從大V粉帶吧</td>
<td>從大V粉帶吧</td>
</tr>
</table>
</body>
</html>
當然它的用法不止於此,他也可以用到vue
上,有npm庫
,導出形式也不止excel這一種,有下圖這麼多種,每種的用法依賴都不一樣,都有說明:
就醬~