前端把html表格生成為excel表格的實例
更新時間:2017年09月19日 08:11:36 作者:當年華褪去生澀
下面小編就為大家?guī)硪黄岸税裩tml表格生成為excel表格的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
最近公司改后臺管理系統(tǒng)。要求導出臺賬項目等等為excel表格,找半天還真有,他是通過query.table2excel.js 實現(xiàn),原諒我原生不會弄這個當然大家有可以給我留言。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<table class="table"> //表格
<tr class="noExl"> //加class是為了有些你不想導出用來選則
<th>Header</th>
<th>111</th>
</tr>
<tr>
<td>Data</td>
<td>222</td>
</tr>
</table>
<button id="btn">導出</button>
<script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>//引入jquery
<script src="js/jquery.table2excel.js" type="text/javascript" charset="utf-8"></script> //引入jquer插件
<script type="text/javascript">
$("#btn").click(function(){ //點擊按鈕執(zhí)行導出
$(".table").table2excel({ //選取導出的表格
exclude: ".noExl", //寫你不想都想導出的
name: "Excel Document Name",
filename: "項目", //導出的文件名
exclude_img: true, //是否導出圖片
exclude_links: true,
exclude_inputs: true
});
})
</script>
</body>
</html>
以上這篇前端把html表格生成為excel表格的實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
?JavaScript?數據結構之散列表的創(chuàng)建(2)
這篇文章主要介紹了?JavaScript?數據結構之散列表的創(chuàng)建,主要看如何處理散列值沖突的問題,并實現(xiàn)更完美的散列表。下文詳細介紹需要的小伙伴可以參考一下2022-04-04
百度地圖JavascriptApi Marker平滑移動及車頭指向行徑方向
本文主要介紹了百度地圖JavascriptApi Marker平滑移動及車頭指向行徑方向的相關知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
不用AI也能實現(xiàn)的文字自動播報(SpeechSynthesis文本實例合成)
SpeechSynthesis是HTML5的一個新特性,基于SpeechSynthesis可以實現(xiàn)在客戶瀏覽器端進行動態(tài)文本的語音合成播放,這篇文章主要介紹了不用AI也能實現(xiàn)的文字自動播報(SpeechSynthesis文本實例合成),需要的朋友可以參考下2023-03-03
Javascript中3種實現(xiàn)繼承的方法和代碼實例
這篇文章主要介紹了Javascript中3種實現(xiàn)繼承的方法和代碼實例,這3種方法分別為對象冒充、原型繼承、上二者的混合,需要的朋友可以參考下2014-08-08

