Luckysheet_一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源

Web前端开发网

fly63.com

首页资源工具文章教程栏目

Luckysheet

网站地址:https://mengshukeji.github.io/LuckysheetDocs

GitHub:https://github.com/mengshukeji/Luckysheet

描述信息:一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源

访问官网

GitHub

Luckysheet ，一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源。

特性

格式设置：样式，条件格式，文本对齐及旋转，文本截断、溢出、自动换行，多种数据类型，单元格内多样式
单元格：拖拽，下拉填充，多选区，查找和替换，定位，合并单元格，数据验证
行和列操作：隐藏、插入、删除行或列，冻结，文本分列
操作体验：撤销、重做，复制、粘贴、剪切，快捷键，格式刷，选区拖拽
公式和函数：内置公式，远程公式，自定义公式
表格操作：筛选，排序
增强功能：数据透视表，图表，评论，共享编辑，插入图片，矩阵计算，截图，复制到其他格式，EXCEL导入及导出等

开发

环境

Node.js Version >= 6

安装

npm install
npm install gulp -g

开发

npm run dev

打包

npm run build

用法

第一步

通过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"></div>

第三步

创建一个表格

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

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/3629