当前位置：首页 > 网页特效 > 表格

HTML表格数据导出为CSVXLSTXTSQL格式的jQuery插件

分类：表格日期：2024-05-14 点击(3) 评论(0)

简介

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

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

```html
<script src="path/to/jquery.min.js"></script>
<script src="dist/tableExporter.js"></script>    
```              
#####  HTML结构
表格可以是普通的HTML表格，或bootstrap的表格。

```html
<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()方法来初始化该插件。
```html

$('.table').tableExport({
    filename: 'table',
    format: 'csv'
});
```
或者在初始化时传入配置参数：

```html
$('.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)：回调函数。

web299.com

HTML表格数据导出为CSVXLSTXTSQL格式的jQuery插件

简介

html5浪漫粒子表白文字特效

SlidesJS幻灯片特效

html5瀑布流相册特效

css3 svg实现的情人节表白鲜花动画特效

t-scroll.js基于ES6的DOM元素,过渡动画库插件

纯js写省市区三级联动效果