excel在线_功能强大的纯前端 Excel 在线表格： Luckysheet
【導語】：Luckysheet是一款類似excel的在線表格，純前端，功能強大、配置簡單、完全開源，幾行代碼就能展現出一個功能完備的在線表格。
簡介
Luckysheet是一款類似excel的純前端在線表格，只需要引入js和css文件即可使用。Luckysheet保持了和excel一致的操作體驗，樣式、快捷鍵、函數等，都與excel的操作方式一致，用戶沒有額外的學習成本。Luckysheet目前還在持續的迭代演進中，已經實現的功能包括：
1.格式設置。包括字體、字號、顏色、文本對齊、自動換行以及excel支持的各種數據類型
2.單元格。拖拽選取、下拉填充、自動填充、查找替換、合并單元格等。
3.行列。隱藏、插入、刪除、凍結。
4.操作。撤銷、復制、粘貼、剪切、快捷鍵、格式刷、篩選排序、批注、共享編輯。
5.函數。內置常見公式，并支持自定義公式。
6.圖表。目前支持折線圖、柱狀圖、面積圖、條形圖、餅圖，支持插入圖片。
簡單使用
項目源碼：
https://github.com/mengshukeji/Luckysheet
在線demo：
https://mengshukeji.github.io/LuckysheetDemo
用戶手冊：
https://mengshukeji.github.io/LuckysheetDocs/
簡單嘗試一下使用，由于是純前端，使用起來非常方便，使用CDN引入相關的庫，甚至都不需要在自己的環境中安裝額外的的東西，新建html頁面，引入庫，創建方法，就是這么簡單。
本地引入庫文件：
<link?rel='stylesheet'?href='./plugins/css/pluginsCss.css'?/><link?rel='stylesheet'?href='./plugins/plugins.css'?/><link?rel='stylesheet'?href='./css/luckysheet.css'?/><link?rel='stylesheet'?href='./assets/iconfont/iconfont.css'?/><script?src="./plugins/js/plugin.js">script><script src="./luckysheet.umd.js">script>指定一個表格容器：
<div id="luckysheet" style="margin: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>以下是我按照以上步驟操作的完整代碼：
html><html>??<head>????<link?rel='stylesheet'?href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css'?/>????<link?rel='stylesheet'?href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.css'?/>????<link?rel='stylesheet'?href='https://cdn.jsdelivr.net/npm/luckysheet/dist/css/luckysheet.css'?/>????<link?rel='stylesheet'?href='https://cdn.jsdelivr.net/npm/luckysheet/dist/assets/iconfont/iconfont.css'?/>????<script?src="https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/js/plugin.js">script>????<script?src="https://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.js">script> head> <body> <div?id="luckysheet"?style="margin: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) })script>html>效果如下：
簡單編輯了一些單元格，修改字體，顏色，嘗試了自動填充功能。
從開發者的角度來看，Luckysheet對于開發者比較友好，文檔完善、API簡潔，幾行代碼就能創建一個在線表格了；
從用戶角度來看，Luckysheet保持了和excel一致的操作體驗(有一些excel的功能還未實現)，不需要用戶再去額外進行學習，這樣也能吸引更多的人來使用。
項目開始的時間不長，后續還會推出更多更好用、更豐富的功能，有興趣的同學可以持續關注這個項目的情況。
-?EOF -?
更多優秀開源項目(點擊下方圖片可跳轉)
如果覺得本文介紹的開源項目不錯，歡迎轉發推薦給更多人。
分享、點贊和在看
支持我們分享更多優秀開源項目，謝謝！
總結
以上是生活随笔為你收集整理的excel在线_功能强大的纯前端 Excel 在线表格： Luckysheet的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 移动短信回执怎么开通_移动短信回执业务内
- 下一篇： 2017年html5行业报告,云适配发布