极速手机网

jExcel是一个轻量级的原生javascript插件

jExcel是一个轻量级的原生javascript插件,用于创建与Excel或任何其他电子表格软件兼容的依据Web的交互式表格和电子表格。可以从JS数组,JSON,CSV或XSLX文件创建在线电子表格表。可以从excel拷贝并直接张贴到jExcel电子表格,反之亦然。集成任何第三方javascript插件十分简略,可以创建自己的自定义列,自定义编辑器,并在应用程序中自定义任何功用。jExcel经过其原生列类型供应了很多不同的输入选项,以包括最常见的依据Web的应用程序需求。它是Web数据管理的无缺解决方案。运用jExcel javascript电子表格创建超卓的应用程序。

首要长处

制作丰厚且用户友好的Web界面和应用程序

可以运用用户的办法轻松处理杂乱的数据输入。

改善用户软件领会

创建丰厚的CRUDS和漂亮的UI

与excel的兼容性:用户可以运用常见的拷贝和张贴方便办法移动数据

经过简略的第三方插件集成轻松进行自定义

精益,快速且易于运用

不可胜数的成功用户案例

加快处理依据Web的软件中的杂乱数据输入的作业

装置运用

npm install jexcel

简略示例

将javascript电子表格集成到站中,创建您的第一个在线电子表格的基本示例:

1、首要引进相关js和css文件

图:jExcel是一个原生javascript插件

轻量级的原生JavaScript的Excel插件——JExcel 图一

2、定义一个依据div的容器并编写js

图:jExcel是一个原生javascript插件

轻量级的原生JavaScript的Excel插件——JExcel 图二

轻量级的原生JavaScript的Excel插件——JExcel 图三

3、翻开浏览器检查效果

图:jExcel是一个原生javascript插件

轻量级的原生JavaScript的Excel插件——JExcel 图四

就这么几句简略的代码就像翻开了一个无限简化的Excel一般

检查DEMO

Github上供应了相关Demo,咱们一起来看一看都有哪些

搜索和分页

图:jExcel是一个原生javascript插件

轻量级的原生JavaScript的Excel插件——JExcel 图五

轻量级的原生JavaScript的Excel插件——JExcel 图六

列类型支持

图:jExcel是一个原生javascript插件

轻量级的原生JavaScript的Excel插件——JExcel 图七

日期时刻挑选框

图:jExcel是一个原生javascript插件

轻量级的原生JavaScript的Excel插件——JExcel 图八

上传图片到表格

图:jExcel是一个原生javascript插件

轻量级的原生JavaScript的Excel插件——JExcel 图九

表格操作

图:jExcel是一个原生javascript插件

轻量级的原生JavaScript的Excel插件——JExcel 图十

刺进,移除和移动列和行,这块便是表格的相关操作了,都可以经过相关API完结

表头

jExcel电子表格运用指令nestedHeadrs本机完结嵌套头文件,如下面的示例所示。

图:jExcel是一个原生javascript插件

轻量级的原生JavaScript的Excel插件——JExcel 图十一

导出

导出十分简略,就调用一个办法

图:jExcel是一个原生javascript插件

轻量级的原生JavaScript的Excel插件——JExcel 图十二

因为相关示例比较丰厚,包含兼并单元格、懒加载等丰厚的功用等再此就不在展示,现已对它感兴趣的小伙伴无妨直接去领会下,就能感受到它的强悍了!而且还供应了包含React、Vue、jQuery等在内的相关完结,这样你就可以更好的集成到你的相关项目中去了,十分的人性化!

总结

jExcel是一个十分简略而且功用丰厚的Web端JavaScript电子表格,就和名字相同,就如同是Web端的Excel,恰当所以Excel的表格模块,无论是处理数据仍是用户操作比一般的HTML表格强上无数倍,相信现已有小伙伴想去尝试一番了,急忙试试吧!期望对

相关文章

大家都在找