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

介紹

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

相關(guān)鏈接

插件

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

• chartMix：圖表插件

生態(tài)

特性

• 格式設(shè)置：樣式，條件格式，文本對(duì)齊及旋轉(zhuǎn)，文本截?cái)?、溢出、自?dòng)換行，多種數(shù)據(jù)類型，單元格內(nèi)多樣式

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

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

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

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

• 表格操作：篩選，排序

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

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

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

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

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

更新日志

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

問(wèn)題反饋

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

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

通過(guò) GitHub Projects 管理

貢獻(xiàn)

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

用法

第一步

通過(guò)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>

開(kāi)發(fā)

環(huán)境

Node.js Version >= 6

安裝

npm install
npm install gulp -g

開(kāi)發(fā)

npm run dev

打包

npm run build

合作項(xiàng)目

• 魯班h5

• h5-Dooring

• Furion

交流

• Github 論壇

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