前端把html表格生成為excel表格的實例
最近公司改后臺管理系統(tǒng)。要求導(dǎo)出臺賬項目等等為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是為了有些你不想導(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(){ //點擊按鈕執(zhí)行導(dǎo)出 $(".table").table2excel({ //選取導(dǎo)出的表格 exclude: ".noExl", //寫你不想都想導(dǎo)出的 name: "Excel Document Name", filename: "項目", //導(dǎo)出的文件名 exclude_img: true, //是否導(dǎo)出圖片 exclude_links: true, exclude_inputs: true }); }) </script> </body> </html>
以上這篇前端把html表格生成為excel表格的實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
網(wǎng)頁中可關(guān)閉的漂浮窗口實現(xiàn)可自行調(diào)節(jié)
廣告式的漂浮窗口,想必大家并不陌生吧,下面為大家簡單介紹下具體的實現(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)建,主要看如何處理散列值沖突的問題,并實現(xiàn)更完美的散列表。下文詳細介紹需要的小伙伴可以參考一下2022-04-04百度地圖JavascriptApi Marker平滑移動及車頭指向行徑方向
本文主要介紹了百度地圖JavascriptApi Marker平滑移動及車頭指向行徑方向的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03不用AI也能實現(xiàn)的文字自動播報(SpeechSynthesis文本實例合成)
SpeechSynthesis是HTML5的一個新特性,基于SpeechSynthesis可以實現(xiàn)在客戶瀏覽器端進行動態(tài)文本的語音合成播放,這篇文章主要介紹了不用AI也能實現(xiàn)的文字自動播報(SpeechSynthesis文本實例合成),需要的朋友可以參考下2023-03-03javascript之典型高階函數(shù)應(yīng)用介紹
這幾個方法均為javascript 1.6 數(shù)組新增的方法。是很典型的functional 函數(shù),當然也非常實用。下面是functional的定義并不來自javascript2013-01-01Javascript中3種實現(xiàn)繼承的方法和代碼實例
這篇文章主要介紹了Javascript中3種實現(xiàn)繼承的方法和代碼實例,這3種方法分別為對象冒充、原型繼承、上二者的混合,需要的朋友可以參考下2014-08-08