1. 程式人生 > >如何將table裡的內容匯出到excel

如何將table裡的內容匯出到excel

開發時有遇到要將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
        });
})