前端把html表格生成為excel表格的實(shí)例
最近公司改后臺(tái)管理系統(tǒng)。要求導(dǎo)出臺(tái)賬項(xiàng)目等等為excel表格,找半天還真有,他是通過query.table2excel.js 實(shí)現(xiàn),原諒我原生不會(huì)弄這個(gè)當(dāng)然大家有可以給我留言。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<table class="table"> //表格
<tr class="noExl"> //加class是為了有些你不想導(dǎo)出用來選則
<th>Header</th>
<th>111</th>
</tr>
<tr>
<td>Data</td>
<td>222</td>
</tr>
</table>
<button id="btn">導(dǎo)出</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(){ //點(diǎn)擊按鈕執(zhí)行導(dǎo)出
$(".table").table2excel({ //選取導(dǎo)出的表格
exclude: ".noExl", //寫你不想都想導(dǎo)出的
name: "Excel Document Name",
filename: "項(xiàng)目", //導(dǎo)出的文件名
exclude_img: true, //是否導(dǎo)出圖片
exclude_links: true,
exclude_inputs: true
});
})
</script>
</body>
</html>
以上這篇前端把html表格生成為excel表格的實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
網(wǎng)頁中可關(guān)閉的漂浮窗口實(shí)現(xiàn)可自行調(diào)節(jié)
廣告式的漂浮窗口,想必大家并不陌生吧,下面為大家簡單介紹下具體的實(shí)現(xiàn),有需要的朋友可以參考下2013-08-08
使用腳本控制網(wǎng)頁Table的顯示隱藏(全代碼)_AX
使用腳本控制網(wǎng)頁Table的顯示隱藏(全代碼)_AX...2006-12-12
?JavaScript?數(shù)據(jù)結(jié)構(gòu)之散列表的創(chuàng)建(2)
這篇文章主要介紹了?JavaScript?數(shù)據(jù)結(jié)構(gòu)之散列表的創(chuàng)建,主要看如何處理散列值沖突的問題,并實(shí)現(xiàn)更完美的散列表。下文詳細(xì)介紹需要的小伙伴可以參考一下2022-04-04
JS動(dòng)態(tài)設(shè)置頁面高度的操作代碼
這篇文章主要介紹了JS動(dòng)態(tài)設(shè)置頁面高度的操作代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-04-04
百度地圖JavascriptApi Marker平滑移動(dòng)及車頭指向行徑方向
本文主要介紹了百度地圖JavascriptApi Marker平滑移動(dòng)及車頭指向行徑方向的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
不用AI也能實(shí)現(xiàn)的文字自動(dòng)播報(bào)(SpeechSynthesis文本實(shí)例合成)
SpeechSynthesis是HTML5的一個(gè)新特性,基于SpeechSynthesis可以實(shí)現(xiàn)在客戶瀏覽器端進(jìn)行動(dòng)態(tài)文本的語音合成播放,這篇文章主要介紹了不用AI也能實(shí)現(xiàn)的文字自動(dòng)播報(bào)(SpeechSynthesis文本實(shí)例合成),需要的朋友可以參考下2023-03-03
javascript之典型高階函數(shù)應(yīng)用介紹
這幾個(gè)方法均為javascript 1.6 數(shù)組新增的方法。是很典型的functional 函數(shù),當(dāng)然也非常實(shí)用。下面是functional的定義并不來自javascript2013-01-01
Javascript中3種實(shí)現(xiàn)繼承的方法和代碼實(shí)例
這篇文章主要介紹了Javascript中3種實(shí)現(xiàn)繼承的方法和代碼實(shí)例,這3種方法分別為對(duì)象冒充、原型繼承、上二者的混合,需要的朋友可以參考下2014-08-08
js+SVG實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了js+SVG實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-07-07
Web程序員必備的7個(gè)JavaScript函數(shù)
這篇文章主要為大家詳細(xì)介紹了Web程序員必備的7個(gè)JavaScript函數(shù),教會(huì)大家如何靈活運(yùn)用JavaScript函數(shù),感興趣的小伙伴們可以參考一下2016-06-06

