table2excel-將HTML表格內容導出到Excel中

簡要教程

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

注意導出的Excel文件的格式，默認導出為.xlsx格式的excel文件，需要excel2010以上的版本才能打開，如果是使用低版本的excel，可以手動將文件擴展名修改為.xls。

查看演示       下載插件

使用方法

使用table2excel表格插件需要在頁面中引入jquery和jquery.table2excel.js文件。

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.table2excel.js"></script>

HTML結構

你可以將任何標準的HTML表格結構的數據導出到Excel中，一個HTML表格的結構為：

<table>
  <thead>
    <tr class="noExl">
      <td>帶<code>noExl</code>class的行不會被輸出到excel中</td>
      <td>帶<code>noExl</code>class的行不會被輸出到excel中</td>
    </tr>
    <tr>
      <td>這一行會被導出到excel中</td>
      <td>這一行會被導出到excel中</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>單元格1-1</td>
      <td>單元格1-2</td>
    </tr>
    <tr>
      <td>單元格2-1</td>
      <td>單元格2-2</td>
    </tr>
    <tr>
      <td>單元格3-1</td>
      <td>單元格3-2</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">合并2個單元格</td>
    </tr>
  </tfoot>
</table>

如果表格中的某一行不需要導出到Excel中，可以為這一行添加.noExl class類，該class類會在插件初始化時通過參數被指定為不被導出的數據。

初始化插件

在頁面DOM元素加載中完畢之后，可以通過下面的方法來初始化table2excel插件。

$("#table2excel").table2excel({
  // 不被導出的表格行的CSS class類
  exclude: ".noExl",
  // 導出的Excel文檔的名稱
  name: "Excel Document Name",
  // Excel文件的名稱
  filename: "myExcelTable"
});

配置參數

table2excel插件的可用配置參數有：

• exclude：不被導出的表格行的CSS class類。

• name：導出的Excel文檔的名稱。

• filename：Excel文件的名稱。

• exclude_img：是否導出圖片。

• exclude_links：是否導出超鏈接

• exclude_inputs：是否導出輸入框中的內容。

jquery-table2excel插件的github地址為： https://github.com/rainabba/jquery-table2excel

來源：jQuery之家