用jquery-table2excel,進行導出excel


用jquery-table2excel,進行導出excel
  jquery-table2excel是一款可以將HTML表格的內容導出到微軟Excel電子表格中的jQuery插件。該插件可以根據你的需要導出表格中的內容,不需要的行可以不導出。 它文件體積小,使用非常方便。

 

 1、寫好前端的按鈕,還需要一個table(要導出的內容存放處)。

  <input type="button" value="導出" class="Button" onclick="Export();" />   <table id='exceltable'><td>內容內容內容</td></table> 

  2、初始化js

        function Export(){    $("#exceltable").table2excel({ //exceltable為存放數據的table     // 不被導出的表格行的CSS class類     exclude: ".noExl",     // 導出的Excel文檔的名稱     name: "表格-" + new Date().getTime(),     // Excel文件的名稱     filename: "表格-" + new Date().getTime() + ".xls",     bootstrap: false    }); } 
    //table2excel插件的可用配置參數有: 

  //exclude:不被導出的表格行的CSS class類。
  //name:導出的Excel文檔的名稱。
  //filename:Excel文件的名稱。
  //exclude_img:是否導出圖片。
  //exclude_links:是否導出超鏈接
  //exclude_inputs:是否導出輸入框中的內容。
3、如果表格的樣式無法導出到excel,需要自己在js里寫,如下圖

  4、最后需要引入一個js文件才能生效

    https://files.cnblogs.com/files/liuchenxing/jquery.table2excel.js

 

 

 

 

示例:

<script>
function exportall() {
$("#excTable").table2excel({
name: "Excel Document Name",
filename: "全部數據" + ".xls",
columns: "0,1,7,9,10,11,12",//指定不導出列 實例:columns: "0,1,2,3",下標從0開始,代表不導出第一列--第四列
exclude_img: false,
exclude_links: false,
exclude_inputs: false
});
}
</script>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM