如何將table裡的內容匯出到excel
阿新 • • 發佈:2018-11-13
開發時有遇到要將table裡的內容匯出excel的操作,百度了下,覺得還是外掛比較方便
外掛:jquery-table2excel
下載地址: 網盤地址 密碼:y00w
使用方法:
1.將下載的資料夾裡的 src/jquery.table2excel.js 引入頁面
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.table2excel.js"></script>
2.初始化外掛
$("#table2excel").table2excel({
// 不被匯出的表格行的CSS class類
exclude: ".noExl",
// 匯出的Excel文件的名稱
name: "Excel Document Name",
// Excel檔案的名稱
filename: "myExcelTable"
});
exclude
:不被匯出的表格行的CSS class類。
name
:匯出的Excel文件的名稱。
filename
:Excel檔案的名稱。
exclude_img
:是否匯出圖片。
exclude_links
:是否匯出超連結
exclude_inputs
:是否匯出輸入框中的內容。
'table2excel' : table標籤 的id
3.示例
HTML
<table border="1" width="80%" style="font-family: 微軟雅黑; font-size: 12pt; border-collapse:collapse" cellpadding="0" bordercolor="#000000" class="exportTable">
<tr>
<td width="2%" align="center" bgcolor="#FFFF00">單號型別</td>
<td width="3%" align="center" bgcolor="#FFFF00">單號</td>
<td width="3%" align="center" bgcolor="#FFFF00">當前狀態</td>
</tr>
</table>
<button class="excelButton">匯出excel</button>
JS
$(document).on('click','.excelButton',function(){
$(".exportTable").table2excel({
exclude: ".noExl",
name: "Excel Document Name",
filename: "myFileName",
exclude_img: true,
exclude_links: true,
exclude_inputs: true
});
})