Luckysheet：开源在线 Excel 表格前端组件引入与部署指南

一、项目官方信息

Luckysheet 是纯前端、类似 Excel 的在线表格组件，支持公式、排序、筛选、图表、协同编辑等，可快速嵌入业务系统实现报表、数据录入、在线表格能力。

二、官方图片

上图为 Luckysheet 仓库在 GitHub 上的社交预览图。

三、环境要求

• 现代浏览器；
• Node.js 16+（本地构建）；
• 无需后端，纯前端。

四、部署步骤

1. CDN 引入

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

2. 容器

<div id="luckysheet" style="width:100%;height:600px;"></div>

3. 初始化

luckysheet.create({
  container: 'luckysheet',
  lang: 'zh',
  data: [{
    name: 'Sheet1',
    celldata: [],
  }],
});

4. 获取数据

const data = luckysheet.getSheetData();

五、使用方法

• 公式：支持跨表、常用函数；
• 格式：字体、边框、合并、冻结；
• 图表：内置图表；
• 协同：配合后端实现多人编辑；
• 导入导出：xlsx 导入导出。

六、常见问题 FAQ

1. Luckysheet 是什么？ 纯前端在线 Excel 组件。

2. 需要后端吗？ 基础展示不需要，协同需自行接后端。

3. 怎么引入？ CDN 或 npm 安装后初始化。

4. 支持公式吗？ 支持常见函数与跨表引用。

5. 支持中文吗？ lang: 'zh'。

6. 能导出 xlsx 吗？ 支持。

七、跳转链接

• GitHub 仓库：dream-num/Luckysheet
• 文档：LuckysheetDocs
• npm：luckysheet