Luckysheet 3.x 目前正在使用Typescript重構(gòu)

介紹

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

相關(guān)鏈接

插件

• Luckyexcel：excel導(dǎo)入導(dǎo)出庫

• chartMix：圖表插件

生態(tài)

特性

• 格式設(shè)置：樣式，條件格式，文本對齊及旋轉(zhuǎn)，文本截?cái)唷⒁绯觥⒆詣訐Q行，多種數(shù)據(jù)類型，單元格內(nèi)多樣式

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

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

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

• 公式和函數(shù)：內(nèi)置公式，遠(yuǎn)程公式，自定義公式

• 表格操作：篩選，排序

• 增強(qiáng)功能：數(shù)據(jù)透視表，圖表，評論，共享編輯，插入圖片，矩陣計(jì)算，截圖，復(fù)制到其他格式，EXCEL導(dǎo)入及導(dǎo)出等

更詳細(xì)的功能列表，請查閱：特性

學(xué)習(xí)資源

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

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

更新日志

每個(gè)版本的詳細(xì)更改都記錄在 CHANGELOG.md 中。

問題反饋

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

開發(fā)計(jì)劃

通過 GitHub Projects 管理

貢獻(xiàn)

在提交PR之前，請確保仔細(xì)閱讀 貢獻(xiàn)指南。

用法

第一步

通過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>

第二步

指定一個(gè)表格容器

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

第三步

創(chuàng)建一個(gè)表格

<script>
    $(function () {
        //配置項(xiàng)
        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

合作項(xiàng)目

• 魯班h5

• h5-Dooring

• Furion

交流

• Github 論壇

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