溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“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這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
