JS导出excel插件总结
目前找到的几种用来导出Excel的插件就是这些,其余的还有一个需要jQuery2.0以上的版本,或者是不更新了的,就不在这里了
ExcellentExport.js–Table to Excel
后面半句是我加的,它主要就是个抓取table标签,然后导出为Excel的插件,支持导出xls、CSV,很简单的一款插件,参数填上table id即可:
优点:傻瓜式导出table
缺点:功能单一,比较局限。
<table id="datatable"><tr><td>100</td> <td>200</td> <td>300</td></tr><tr><td>400</td> <td>500</td> <td>600</td></tr>
</table><a download="somedata.xls" href="#" onclick="return ExcellentExport.excel(this, 'datatable', 'Sheet Name Here');">Export to Excel</a>
<a download="somedata.csv" href="#" onclick="return ExcellentExport.csv(this, 'datatable');">Export to CSV</a>
Exceljs
github:https://github.com/guyonroche/exceljs
优点:对单元格的定制很全面,适合对表格样式有要求的人
缺点:选项多就意味着代码多,另外支持的格式不够丰富(这句是给下一个做铺垫的)
//Interface
var Excel = require('exceljs');//Create a Workbook
var workbook = new Excel.Workbook();//Set Workbook Properties
workbook.creator = 'Me';
workbook.lastModifiedBy = 'Her';
workbook.created = new Date(1985, 8, 30);
workbook.modified = new Date();
workbook.lastPrinted = new Date(2016, 9, 27);
// Set workbook dates to 1904 date system
workbook.properties.date1904 = true;
js-xlsx
优点:支持格式最全面,尤其是读取文件方面,什么老古董格式都能读取,有很多延伸插件,可以选择使用
缺点:不是很好弄,相比较而言还是麻烦一些的。
代码就不贴了, github里面有三个例子,各种导出都有。
关键点:
- Exceljs和js-xlsx都有关于使用node和不使用node的不同用法,注意区别使用,不过看似node用法很简单
- 需要用到
require()
的地方是node的部分,可以参考我的另一篇关于requirejs的文章,例子中用到require()
的地方跳过即可 - 如何建立一个workbook并设置相关的内容:
data = [[A1, A2, A3][B1, B2, B3]];
function Workbook() {if(!(this instanceof Workbook)) {return new Workbook();}this.SheetNames = [];this.Sheets = {};
}
var wb = new Workbook(), ws = sheet_from_array_of_arrays(data);
wb.SheetNames.push(ws_name); //随便起,字符串也好传变量也好
wb.Sheets[ws_name] = ws;//如果要设置单元格的宽度
//1.设置一组(也有px版的,wch改为wpx即可)
var wswch = [{wch:12},{wch:25},{wch:5},{wch:10},{wch:20},{wch:30}
];
ws['!cols']= wswch;
//2.在for循环里一个一个的设置,这种情况比较适合只对单个单元格有改动的情况,很简单,就不上代码了
//其余的部分github上的demo里有,都可以参考
JS导出excel插件总结相关推荐
- 纯js导出Excel文件(无需引入插件)
纯js导出Excel文件(无需引入插件) 提示:代码没有来得及整理,大致代码都在这里 let thlist = [[{text: '序号', rowspan: '2'},{text: '姓名', ro ...
- 浏览器端JS导出EXCEL
浏览器端JS导出EXCEL FileSaver.js 实现了在本身不支持 HTML5 W3C saveAs() FileSaver 接口的浏览器支持文件保存.FileSaver.js 在客户端保存文件 ...
- 关于IE8浏览器JS导出excel,要使导出列宽度按自己控制。
关于IE8浏览器JS导出excel,要使导出列宽度按自己控制. function getExplorer() { var explorer = window.navigator.userAgent ; ...
- js导出EXCEL js导出EXCEL
参考一:http://wenku.baidu.com/view/7b81f3eb6294dd88d0d26b57.html 参考二: js导出EXCEL js导出EXCEL <html> ...
- JS导出PDF插件(支持中文、图片使用路径)
JS导出PDF插件(支持中文.图片使用路径) 原文:JS导出PDF插件(支持中文.图片使用路径) 在WEB上想做一个导出PDF的功能,发现jsPDF比较多人推荐,遗憾的是不支持中文,最后找到pdfma ...
- 通过javascript获取sharepoint数据,使用JS导出Excel
通过网页将数据导出到Excel是常见需求,使用服务器端导出,开发周期长,部署麻烦.这里推荐一种客户端导出方法. 客户端导出与Sharepoint无关.这里附带使用场景基于SP,因为SP自带的导出功能比 ...
- chrome浏览器使用js导出Excel出现网络错误
使用js 导出Excel由于数据量太大导致出现网络错误,如图所示: 解决办法: 表格绘制完成后,使用 Blob let blob = new Blob([format(template, ctx]); ...
- 四种利用js导出Excel的方法(兼容IE6+、主流浏览器、支持复杂表头和合并单元格)
因为项目需求变更,最后决定使用做JS导出Excel,网上看了很多的帖子和例子,很多的例子并不能满足需求( 处理复杂表头,兼容主流浏览器,兼容IE等等).所以,自己找了几个比较不错的例子,在其基础上结合 ...
- js导出excel(js-export-excel)
js导出excel表格 这个需求在后台管理系统中很常见, 我们使用js-export-excel进行excel的导出 首先在我们的项目中安装这个包 npm install js-export-exce ...
最新文章
- MS sql server和mysql中update多条数据的例子
- ROS学习笔记—-- catkin
- 《强化学习周刊》第7期:强化学习应用之游戏
- fetch 跨域请求
- python在线教学-python在线教学
- HTML基础-第二讲
- UVA1493 - Draw a Mess(并查集)
- qt如何实现backspace的功能_如何实现知识星球列表拖拽功能
- 当async/await遇上forEach
- K8s宣布弃用Docker?千万别慌!
- python双重for循环 列表推导式_Python轻量级循环-列表推导式
- 立创eda学习笔记二十五:绘制原理图的电气网络(绘制导线,使用节点)
- 拆解 米家扫地机器人_1699元!小米米家扫地机器人拆解:真复杂
- 2022-2028年中国农业观光园行业发展战略规划及投资方向研究报告
- ie11加载项启用不了 java,经常提示此网站的某个加载项无法运行(ie10/11)
- Python编程练习1
- Matlab快捷键等总结
- 迅雷新财报背后:下载一哥到艰难求生
- 莲香·沙罗花飞逝的梦境
- RS485调试的几个要点