sheetjs的js-xlsx插件是专门为web前段处理excel表格开发的一款开源插件,插件的github地址是https://github.com/sheetjs/js-xlsx官网地址http://sheetjs.com/,它提供了excel表格的导入导出功能,为前段显示修改excel表格提供了可能,但是毕竟只是一个插件,无法实现excel的全部功能,比如表格的合并拆分这些基础的功能,这些都需要开发者自己来实现,本文将介绍如何用纯js实现excel表格的合并拆分表格以及动态插入删除行列。
js-xlsx导入excel表格的时候会生成一个sheet对象,这个对象包含了一个表格的具体数据,包括范围,合并的单元格,各单元格数据,基本样式等等,如下图:
其中\表示显示的范围,从A1到J35。\表示那些合并的单元格项,具体数据格式如下:
其中s表示开始单元格的坐标,c是列坐标,r是行坐标,都是从0开始,e表示结束单元格的坐标,我们通过修改这些数据完成单元格的合并与拆分。
1、合并单元格
我们要实现的是鼠标点击两个单元格,就合并两个单元格间的所有表格为一个,我们记录下两次点击选择的表格id,转为坐标,然后加入到shheet对象里,最后重新渲染下界面:
2,拆分单元格
拆分单元格也是同理,根据点击选择的id,转为坐标然后遍历\数组,删除匹配的项目就完成已合并表格的删除。
3,插入删除行和列
首先扩展航和列,直接操作\字段,然后把所选中行列之后的数据全部后移。
excel导入到web前端然后导出到后台的话会丢失大量样式,我们可以在
后端操作excel(java有相关类库),把前段返回的excel表格里的数据填入原excel文件里,这样即保留原文件的样式又获得了前端返回的数据。
以上就是为大家介绍的sheetjs的一些知识,大家如果想了解更多可以来Enhancer平台咨询哦!
Enhancer是杭州无远信息技术有限公司倾力打造的系统开发平台(PaaS)。 该平台积累了复旦大学软件工程实验室十余年软件开发理论研究和实战探索之经验, 将软件产品线、大规模组件复用等相关理论付诸实践,已在业界取得丰硕的成果。经过线下多年成果的积累和转换, 于 2017年12月1日 推出云平台,正式对外开放使用,希望普惠全世界的开发者。
想要了解更多详情内容请拨打联系电话或登录杭州无远信息技术有限公司咨询。
百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读,免费范文网,提供经典小说教育文库sheetjs 快速上手在线全文阅读。
相关推荐: