這篇文章主要講解了“Jquery怎么導出帶樣式的Excel”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“Jquery怎么導出帶樣式的Excel”吧!
為商城等地區用戶提供了全套網頁設計制作服務,及商城網站建設行業解決方案。主營業務為網站制作、成都網站設計、商城網站設計,以傳統方式定制建設網站,并提供域名空間備案等一條龍服務,秉承以專業、用心的態度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
工作中做導出的時候,需要導出自定義的表格或嫌棄導出的Excel格式太難看了。
需要設置顏色、字號大小、加粗、合并單元格等等。
特性:
支持過濾 某個位置
支持過濾 img 標簽
支持過濾 a 標簽
支持過濾 input 標簽
支持包含 行內樣式。
HTML頁面:
Excel效果:
HTML代碼:
<html> <head> <title>Demo Jquery Table2Excel</title> </head> <body> <table cellpadding=0 cellspacing=0 border="1" id="tblExport"> <tr> <td colspan="5" align="center"> <h3>成績單</h3> </td> </tr> <tr> <td style='width:54pt' align="center">編號</td> <td style='width:54pt' align="center">姓名</td> <td style='width:54pt' align="center">語文</td> <td style='width:54pt' align="center">數學</td> <td style='width:54pt' align="center">英語</td> </tr> <tr> <td align="center">1</td> <td align="center">Jone</td> <td align="center">90</td> <td align="center">85</td> <td align="center">100</td> </tr> <tr> <td align="center">2</td> <td align="center">Tom</td> <td align="center">99</td> <td align="center">85</td> <td align="center">80</td> </tr> </table> <button id="btnExport">導出為Excel</button> </body> <script src="js/jquery-2.0.3.min.js"></script> <script src="js/jquery.table2excel.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#btnExport").click(function () { $("#tblExport").table2excel({ exclude : ".noExl", //過濾位置的 css 類名 filename : "成績單-" + new Date().getTime() + ".xls" //文件名稱 }); }); }); </script> </html>
感謝各位的閱讀,以上就是“Jquery怎么導出帶樣式的Excel”的內容了,經過本文的學習后,相信大家對Jquery怎么導出帶樣式的Excel這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創新互聯,小編將為大家推送更多相關知識點的文章,歡迎關注!
當前文章:Jquery怎么導出帶樣式的Excel
文章轉載:http://m.newbst.com/article36/pohgsg.html
成都網站建設公司_創新互聯,為您提供靜態網站、外貿建站、企業建站、響應式網站、服務器托管、軟件開發
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯