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