html导出表格为csv,可将HTML表格导出为Excel|csv|txt文件的jQuery插件
TableExport是一款可以将HTML表格导出为Excel xlsx格式、xls格式,以及csv和txt文件的jQuery插件。TableExport插件使用简单,默认使用Bootstrap的CSS表格样式,也支持普通的HTML表格。
安装
可以通过bower或npm来安装TableExport插件。
$ bower install tableexport.js
$ npm install tableexport
使用方法
TableExport插件依赖于jQuery(1.2.1+),FileSaver.js。为了支持.xlsx(Office Open XML SpreadsheetML Format)格式,你必须在 FileSaver.js 和 TableExport.js文件之前引入xlsx-core.js文件。为了使旧的浏览器(Firefox .xlsx,需要在 FileSaver.js 文件之前引入 Blob.js文件。
CSS样式
TableExport插件默认使用Bootstrap框架来制作表格和按钮。如果你在项目中没有使用Bootstrap,可以将参数bootstrap设置为false。
$("table").tableExport({
bootstrap: false
});
如果使用了Bootstrap,那么有4个可用的按钮class类,它们分别为.xlsx, .xls, .csv 和 .txt的导出按钮提供样式。
初始化插件
在页面DOM元素加载完毕之后,可以通过tableExport()方法来初始化该表格插件。
$("table").tableExport();
配置参数
TableExport插件的默认配置参数如下:
/* Defaults */
$("table").tableExport({
headings: true,
footers: true,
formats: ["xls", "csv", "txt"],
fileName: "id",
bootstrap: true,
position: "bottom",
ignoreRows: null,
ignoreCols: null
});
headings:是否在元素中显示表格的头部(th或td元素)。
footers:是否在
元素中显示表格的脚部(th或td元素)。
formats:导出的文件类型,会生成相应的导出按钮。
fileName:下载的文件名称。
bootstrap:是否使用bootstrap样式的按钮。
position:标题元素相对于表格的位置,可以是top或bottom。
ignoreRows:设置不被导出的表格行,可以是数值或一个数值数组。
ignoreCols:设置不被导出的表格列,可以是数值或一个数值数组。
按钮设置
每一个按钮都有一个自己的class类,和显示的内容。如下:
/* default class, content, and separator for each export type */
/* Excel Open XML spreadsheet (.xlsx) */
$.fn.tableExport.xlsx = {
defaultClass: "xlsx",
buttonContent: "Export to xlsx",
mimeType: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
fileExtension: ".xlsx"
};
/* Excel Binary spreadsheet (.xls) */
$.fn.tableExport.xls = {
defaultClass: "xls",
buttonContent: "Export to xls",
separator: "\t",
mimeType: "application/vnd.ms-excel",
fileExtension: ".xls"
};
/* Comma Separated Values (.csv) */
$.fn.tableExport.csv = {
defaultClass: "csv",
buttonContent: "Export to csv",
separator: ",",
mimeType: "application/csv",
fileExtension: ".csv"
};
/* Plain Text (.txt) */
$.fn.tableExport.txt = {
defaultClass: "txt",
buttonContent: "Export to txt",
separator: " ",
mimeType: "text/plain",
fileExtension: ".txt"
};
下面是插件额外的默认值。
/* default charset encoding (UTF-8) */
$.fn.tableExport.charset = "charset=utf-8";
/* default filename if "id" attribute is set and undefined */
$.fn.tableExport.defaultFileName = "myDownload";
/* default class to style buttons when not using bootstrap */
$.fn.tableExport.defaultButton = "button-default";
/* bootstrap classes used to style and position the export buttons */
$.fn.tableExport.bootstrap = ["btn", "btn-default", "btn-toolbar"];
/* row delimeter used in all filetypes */
$.fn.tableExport.rowDel = "\r\n";
html导出表格为csv,可将HTML表格导出为Excel|csv|txt文件的jQuery插件相关推荐
- html制作表格保存为txt文件,可将HTML表格导出为Excel|csv|txt文件的jQuery插件
TableExport是一款可以将HTML表格导出为Excel xlsx格式.xls格式,以及csv和txt文件的jQuery插件.TableExport插件使用简单,默认使用Bootstrap的CS ...
- 安卓导出Excel,txt文件工具类
开始 安卓开发中,有时候会遇到到处文件的需求,尤其是平板上的开发,这个需求更为普遍,本文记录导出excel,txt文件的方法,并提供工具类,抛砖引玉,让大家遇到类似需求的时候,处理起来更为顺手. 导出 ...
- 根据导出的查询结果拼接字符串,生成sql语句并保存到txt文件中
import os os.chdir("C:/") path = os.getcwd() print(path) f = open("sql.csv") # p ...
- matlab批量处理excel(CSV)文件数据
微信公众号:好玩的matlab 今天是2019-1-29,参加完2019年美国大学生数学建模竞赛,小伙伴都回家了,就我一个人在寝室,太无聊了,就把在比赛中遇到的excel批处理,写一下思路(ps:其实 ...
- Ultra Edit:将Prt数据的导出到txt文件当中
1)使用ultra edit 打开 prt文件:xxx.prt 2)在xxx.prt文件状态下: >全选prt数据 >编辑>十六进制模式>十六进制复制选定视图 3)新建文件 & ...
- wps表格线怎么错开_wps表格图形怎么对齐网格线-wps表格图形对齐网格线的方法 - 河东软件园...
WPS是很多用户会用来制作表格的软件,我们在它的组件excel中制作文件的时候经常添加一些图片或是表格,但是这些添加上去的文件都是可以随意移动的,在表格中显得很不好看.那么如何才能在表格中将图形与单元 ...
- excel如何将txt文件导入成表格
excel将txt文件导入成表格 1.从Excel里选择打开文件 2.选择浏览文件位置,文件类型选择所有文件,选中你要导入的txt文件 3.就会出现导入向导 分隔符号按自己需要选择 这里选择相应的列指 ...
- mysql数据导入导出 CSV格式_MySQL中导入导出CSV格式数据
原标题:MySQL中导入导出CSV格式数据 预备阅读:MySQL中的主键问题和赋权限问题 今天来讲一下在MySQL中导入和导出CSV格式数据的操作. CSV格式数据 逗号分隔值(Comma-Separ ...
- java导出word表格_使用PowerDesigner16.5 逆向数据库 导出word文档
在上一篇<使用PowerDesigner16.5 逆向数据库生产表结构或导出word文档二>中,我们学会了使用PowerDesigner16.5怎么连接数据库,逆向生成表结构.有时候,我们 ...
最新文章
- ORB特征提取算法分析与实现,算法分解
- Linux软件包命令
- Java面试题库,mysql远程访问权限设置
- 分布式服务框架 Zookeeper — 管理分布式环境中的数据
- 自研DevOps实践
- C语言之加入头文件<stdbool.h>可以使用true和false
- 领域应用 | 基于知识图谱的警用安保机器人大数据分析技术研究
- pdo mysql limit_PHP mysql中limit用法详解(代码示例)
- 一刀两断划分子网例子
- 高等数学下册——引力
- 今晚8:00 | 杜克大学计算进化智能中心(CEI Lab)—— 高效鲁棒深度学习专题!...
- apk分包思路(一)meta-data
- 阿里巴巴JAVA代码规范二【Major】
- Marvell宣战博通网络交换芯片,一大波饿狼扑食而来
- 【SSM - SpringMVC篇】03 - SpringMVC的参数绑定 - 参数自动绑定 - javabean对象参数绑 - 嵌套bean参数绑定
- WiFi、ZigBee、BLE用哪个?
- 使用Synopsys VCS使用constraint遇到的一个奇怪问题
- Android RemoteViews----RemoteViews应用
- 阿里物联网iot 网关配置 gateway 与子设备
- 从现在开始,请务必珍惜你手里的现金