html制作表格保存为txt文件,可将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 < 20,="" opera="">< 15,="" safari=""><>.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制作表格保存为txt文件,可将HTML表格导出为Excel|csv|txt文件的jQuery插件相关推荐
- html导出表格为csv,可将HTML表格导出为Excel|csv|txt文件的jQuery插件
TableExport是一款可以将HTML表格导出为Excel xlsx格式.xls格式,以及csv和txt文件的jQuery插件.TableExport插件使用简单,默认使用Bootstrap的CS ...
- 初学者使用R语言读取excel/csv/txt的注意事项
本文首发于:医学和生信笔记,完美观看体验请至公众号查看本文. 文章目录 把数据读入R语言 Excel csv txt 其他 写出文件(从R语言另存为其他格式) 本文面向R语言初学者,尤其是生物医药领域 ...
- GridView导出到Excel或Word文件
在项目中我们经常会遇到要求将一些数据导出成Excel或者Word表格的情况,比如中国移动(我是中国移动用户)网上查话费的页面中就有一个导出到Excel的功能,光大网上银行查看历史明细也有这些功能... ...
- python怎么读取txt文件并统计其字数-python读写excel等数据文件方法汇总
python处理数据文件第一步是要读取数据,文件类型主要包括文本文件(csv.txt等).excel文件.数据库文件.api等. 下面整理下python有哪些方式可以读取数据文件. 1. python ...
- 05pandas读取excel csv txt文件
pandas丨数据读取与保存 读取excel文件: pandas.read_excel() 保存excel文件: pandas.to_excel() pandas.read_excel(io, she ...
- android选择多个文件_一分钟合并多个Excel、PDF文件,3种方法任你选择,好用到没朋友...
一分钟合并多个Excel.PDF文件,3种方法任你选择,好用到没朋友 前情提要: Excel.PDF多个文件怎样合并成一个文件?需求场景: PDF文件合并 当一份完成的PDF资料分为很多份的时候,我们 ...
- C# 读取Excel CSV 类型文件到DataSet中,反之从DataSet写入excel
/// <summary> /// 设置文件保存位置, /// </summary> /// <returns>返回文件路径</returns> pri ...
- c++byte数组和文件的相互转换_终于!word、excel、ppt文件相互转换技巧来了!
不知道大家在用Office软件的时候,有没有遇到过这样的问题.做了个Word文档总结,却需要转换成PPT上台汇报:做了个Word表格统计,却需要转换成Excel进行分析:做了个Excel图表分析,却需 ...
- 查询php 输出表格,php输出excel表格数据-PHP如何将查询出来的数据导出成excel表格(最好做......
PHP如何将查询出来的数据导出成excel表格(最好做... php 把数据导出excel表格有多种方法,使用 phpExcel 等,以下代码接通过 header 生成 excel 文件的代码示例: ...
最新文章
- 06Decorator(装饰)模式
- SAP QM 如何在SAP系统里审批挂在Quality Notification里的document?
- iOS开发UI篇—使用UItableview完成一个简单的QQ好友列表(一)
- Redis 键(key) 命令
- 60个我们应该看到的简单和创意的广告
- GitLab结合Eclipse的简单使用 - 20190211
- Apache出现AH00558错误解决办法
- C++中的深拷贝和浅拷贝(详解)
- Shutter - 带有众多功能的屏幕截图工具
- 常用验证函数isset()/empty()/is_numeric()函数
- 基于CentOS7,MySQL5.7的同步/半同步复制实现
- php yii 控件分页,Yii实现简单分页的方法
- 二进制加法器原理c语言,加法器电路原理_二进制加法器原理_与非门二进制加法器...
- 怎么更改网络中的计算机名字,修改网络 “本地连接”的中网络名称“网络2”为其他名称...
- 想用 Google 搜索引擎吗,看这篇文章吧!!!
- 【渝粤题库】陕西师范大学400009 行政管理学 作业(专升本)
- [IT与培训]IT培训与企业建设的思路
- C语言%7.2d、%-7d、%7.2f、%0.2f的含义和区别
- Ubuntu20.04挂载4T数据盘流程
- 百度推广——搜索营销新视角
热门文章
- 1.6 this关键字详解(3种用法)
- 1351. 密码锁【难度: 一般 / 知识点: 枚举 容斥原理】
- 2.3.9 读者-写者问题
- selenium2与python自动化6-select下拉框
- Spring boot的put请求
- Spring boot的Hello World入门
- 「starter推荐」简单高效 Excel 导出工具
- java工程师linux命令,这篇文章就够了
- Android的单位px,pt,dp,sp总结和获取屏幕分辨率
- 【Intellij IDEA系列】IDEA的Debug调试技巧