HTML表格数据导出为CSV|XLS|TXT|SQL格式的jQuery插件

jQuery-tableExport是一款可以将普通HTML表格内容导出为CSV、XLS、TXT或SQL格式的jQuery插件。

使用方法

使用该导出表格内容插件需要在页面中引入jquery和tableExport.js文件。

<script src="path/to/jquery.min.js"></script>
<script src="dist/tableExporter.js"></script>                  
                

HTML结构

表格可以是普通的HTML表格，或bootstrap的表格。

<div class="table-responsive">
      <table id="firm_table" class="table table-striped table-bordered table-hover">
        <thead>
          <tr>
            <th>#</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>E-Mail</th>
            <th>Number</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>1</td>
            <td>Delpha</td>
            <td>siliciophite</td>
            <td>circumflex@masterwork.net</td>
            <td>997300858</td>
          </tr>
          ......
        </tbody>
      </table>
    </div>
</div>
                

初始化插件

在页面DOM元素加载完毕之后，可以通过tableExport()方法来初始化该插件。

$('.table').tableExport({
    filename: 'table',
    format: 'csv'
});
                

或者在初始化时传入配置参数：

$('.table').tableExport({
    // 导出文件的名称
    filename: 'table_%DD%-%MM%-%YY%',
    // 导出文件的格式：csv, xls, txt, sql
    format: 'xls',
    // 导出指定的表格列
    cols: '2,3,4'
});
                

配置参数

日期格式：

• %DD% — day
• %MM% — month
• %YY% — year
• %hh% — hours
• %mm% — minutes
• %ss% — seconds

配置参数：

• filename：导出文件的名称。
• format：导出文件的格式。
• cols：指定导出的表格列。
• head_delimiter：导出时分离标题。
• column_delimiter：导出时隔离的列。
• before(this)：回调函数。
• onafter(this)：回调函数。

jQuery-tableExport插件的github地址为：https://github.com/Archakov06/jQuery-tableExport