美文网首页
Luckysheet--纯前端类似excel的在线表格

Luckysheet--纯前端类似excel的在线表格

作者: NicoSaron | 来源:发表于2021-03-15 14:53 被阅读0次

    简体中文 | English

    介绍

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

    相关链接

    源码 文档 Demo 插件Demo 论坛
    Github 在线文档 在线Demo / 协同编辑Demo 导入Excel Demo 中文论坛
    Gitee镜像 Gitee在线文档 Gitee在线Demo Gitee导入Excel Demo Google Group

    插件

    生态

    工程 描述
    Luckysheet Vue 在vue cli 3项目中使用Luckysheet和Luckyexcel
    Luckysheet React 在React项目中使用Luckysheet
    Luckyexcel Node 在koa2中使用Luckyexcel
    Luckysheet Server Java后台Luckysheet Server
    Luckysheet Server Starter LuckysheetServer 一键docker部署

    特性

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

    更详细的功能列表,请查阅:特性

    📖 学习资源

    📜 更新日志

    每个版本的详细更改都记录在 CHANGELOG.md 中。

    ❗️ 问题反馈

    在反馈问题之前,请确保仔细阅读 如何提交问题。 不符合准则的问题可能会立即被移除。

    ✅ 开发计划

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

    第三步

    创建一个表格

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

    开发

    环境

    Node.js Version >= 6

    安装

    npm install
    npm install gulp -g
    

    开发

    npm run dev
    

    打包

    npm run build
    

    合作项目

    贡献者和感谢

    核心团队活跃成员

    社区伙伴

    版权信息

    MIT

    相关文章

      网友评论

          本文标题:Luckysheet--纯前端类似excel的在线表格

          本文链接:https://www.haomeiwen.com/subject/dnonqltx.html