Luckysheet 3.x 目前正在使用Typescript重構

介紹

Luckysheet ，一款純前端類似excel的在線表格，功能強大、配置簡單、完全開源。

相關鏈接

插件

• Luckyexcel：excel導入導出庫

• chartMix：圖表插件

生態(tài)

特性

• 格式設置：樣式，條件格式，文本對齊及旋轉，文本截斷、溢出、自動換行，多種數據類型，單元格內多樣式

• 單元格：拖拽，下拉填充，多選區(qū)，查找和替換，定位，合并單元格，數據驗證

• 行和列操作：隱藏、插入、刪除行或列，凍結，文本分列

• 操作體驗：撤銷、重做，復制、粘貼、剪切，快捷鍵，格式刷，選區(qū)拖拽

• 公式和函數：內置公式，遠程公式，自定義公式

• 表格操作：篩選，排序

• 增強功能：數據透視表，圖表，評論，共享編輯，插入圖片，矩陣計算，截圖，復制到其他格式，EXCEL導入及導出等

更詳細的功能列表，請查閱：特性

學習資源

• 新用戶優(yōu)先閱讀：用戶指引

• 社區(qū)提供的教程、學習資料及配套解決方案請查閱：教程與資源

更新日志

每個版本的詳細更改都記錄在 CHANGELOG.md 中。

問題反饋

在反饋問題之前，請確保仔細閱讀 如何提交問題。不符合準則的問題可能會立即被移除。

開發(fā)計劃

通過 GitHub Projects 管理

貢獻

在提交PR之前，請確保仔細閱讀 貢獻指南。

用法

第一步

通過CDN引入依賴

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/css/pluginsCss.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/plugins.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/css/luckysheet.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/assets/iconfont/iconfont.css' />
<script src="https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/js/plugin.js"></script>
<script src="https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/luckysheet.umd.js"></script>

第二步

指定一個表格容器

<div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;"></div>

第三步

創(chuàng)建一個表格

<script>
    $(function () {
        //配置項
        var options = {
            container: 'luckysheet' //luckysheet為容器id
        }
        luckysheet.create(options)
    })
</script>

開發(fā)

環(huán)境

Node.js Version >= 6

安裝

npm install
npm install gulp -g

開發(fā)

npm run dev

打包

npm run build

合作項目

• 魯班h5

• h5-Dooring

• Furion

交流

• Github 論壇

• 以下掃碼加入官方微信群或者QQ群