wordpress 网站备案,宁德市人社局官网,移动互联网的应用举例,手机开发者模式怎么调成高性能【导语】#xff1a;Luckysheet是一款类似excel的在线表格#xff0c;纯前端#xff0c;功能强大、配置简单、完全开源#xff0c;几行代码就能展现出一个功能完备的在线表格。简介Luckysheet是一款类似excel的纯前端在线表格#xff0c;只需要引入js和css文件即可使用。L… 【导语】Luckysheet是一款类似excel的在线表格纯前端功能强大、配置简单、完全开源几行代码就能展现出一个功能完备的在线表格。简介Luckysheet是一款类似excel的纯前端在线表格只需要引入js和css文件即可使用。Luckysheet保持了和excel一致的操作体验样式、快捷键、函数等都与excel的操作方式一致用户没有额外的学习成本。Luckysheet目前还在持续的迭代演进中已经实现的功能包括1.格式设置。包括字体、字号、颜色、文本对齐、自动换行以及excel支持的各种数据类型2.单元格。拖拽选取、下拉填充、自动填充、查找替换、合并单元格等。3.行列。隐藏、插入、删除、冻结。4.操作。撤销、复制、粘贴、剪切、快捷键、格式刷、筛选排序、批注、共享编辑。5.函数。内置常见公式并支持自定义公式。6.图表。目前支持折线图、柱状图、面积图、条形图、饼图支持插入图片。简单使用项目源码https://github.com/mengshukeji/Luckysheet在线demohttps://mengshukeji.github.io/LuckysheetDemo用户手册https://mengshukeji.github.io/LuckysheetDocs/简单尝试一下使用由于是纯前端使用起来非常方便使用CDN引入相关的库甚至都不需要在自己的环境中安装额外的的东西新建html页面引入库创建方法就是这么简单。本地引入库文件link relstylesheet href./plugins/css/pluginsCss.css /link relstylesheet href./plugins/plugins.css /link relstylesheet href./css/luckysheet.css /link relstylesheet href./assets/iconfont/iconfont.css /script src./plugins/js/plugin.jsscriptscript src./luckysheet.umd.jsscript指定一个表格容器div idluckysheet stylemargin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;div创建表格script $(function () { //配置项 var options { container: luckysheet //luckysheet为容器id } luckysheet.create(options) })script以下是我按照以上步骤操作的完整代码htmlhtml head link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css / link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.css / link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/luckysheet/dist/css/luckysheet.css / link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/luckysheet/dist/assets/iconfont/iconfont.css / script srchttps://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/js/plugin.jsscript script srchttps://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.jsscript head body div idluckysheet stylemargin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;div body script $(function () { //配置项 var options { container: luckysheet //luckysheet为容器id } luckysheet.create(options) })scripthtml效果如下简单编辑了一些单元格修改字体颜色尝试了自动填充功能。从开发者的角度来看Luckysheet对于开发者比较友好文档完善、API简洁几行代码就能创建一个在线表格了从用户角度来看Luckysheet保持了和excel一致的操作体验(有一些excel的功能还未实现)不需要用户再去额外进行学习这样也能吸引更多的人来使用。项目开始的时间不长后续还会推出更多更好用、更丰富的功能有兴趣的同学可以持续关注这个项目的情况。- EOF - 更多优秀开源项目(点击下方图片可跳转)如果觉得本文介绍的开源项目不错欢迎转发推荐给更多人。分享、点赞和在看支持我们分享更多优秀开源项目谢谢
