Repolode
提交项目
jspreadsheet

jspreadsheet/ce

Jspreadsheet CE 是一个轻量的 JavaScript 数据表格组件，为网页应用提供类 Excel 的编辑体验。

可替代:ExcelGoogle Sheets

在 GitHub 查看官网
Star
7,241
Fork
892
未关闭 Issue
155
最近提交
24天前

这是什么？

Jspreadsheet CE 是一个 JavaScript 组件，可将 HTML 容器转换为可交互的类电子表格数据表格。它适合需要在浏览器中查看、录入和编辑表格数据，又不想从零开发表格的开发者。

表格支持文本、带格式掩码的数字、带自动补全的下拉框、日历、复选框、颜色选择器和图片等列类型。用户可以使用标准 Excel 快捷键复制粘贴，组件还包含公式支持、列宽调整与拖拽、嵌套表头以及单个表格中的多工作表。

项目可通过 npm 安装，也可从 CDN 引入，采用 MIT 许可证。除原生 JavaScript 用法外，还提供 React 和 Vue 的封装，并附有 jQuery、Web Component 等示例。

核心功能

  • 01支持类 Excel 编辑，兼容标准复制粘贴快捷键
  • 02提供文本、带掩码数字、下拉框、日历、复选框、颜色和图片等列类型
  • 03支持公式与页脚公式
  • 04支持列拖拽、列宽调整和嵌套表头
  • 05单个表格中可包含多个工作表
  • 06提供 React 和 Vue 专用封装

适用场景

  • ERP 或库存管理系统中的可编辑数据表格
  • 教务系统中的成绩或学生信息录入
  • 带自定义校验的实验或科研数据采集
  • 为现有 Web 应用增加类电子表格的编辑功能

快速上手

  1. 1

    从 npm 安装软件包

    npm install jspreadsheet-ce
  2. 2

    在 HTML 文件中添加 Jspreadsheet 和 Jsuites 的脚本与样式表，或使用 README 中的 CDN 链接

  3. 3

    创建带 id 的 div 容器，并在 JavaScript 中调用 jspreadsheet() 初始化表格

  4. 4

    启动 HTML 文件的服务并在浏览器中打开以查看表格

使用前须知

  • v5 相比 v4 更改了架构，升级时需要根据升级指南修改代码。
  • 部分高级功能（如某些企业级能力）仅在付费版 Jspreadsheet Pro 中提供。

标签

#javascript#data-grid#spreadsheet#excel#frontend-component#table#web-components#datagrid#datatables#grid

常见问题

ce 是什么？
Jspreadsheet CE 是一个轻量的 JavaScript 数据表格组件，为网页应用提供类 Excel 的编辑体验。 Jspreadsheet CE 是一个 JavaScript 组件，可将 HTML 容器转换为可交互的类电子表格数据表格。它适合需要在浏览器中查看、录入和编辑表格数据，又不想从零开发表格的开发者。
ce 可以免费使用吗？用的什么许可证？
ce 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
ce 还在维护吗？
活跃维护中。ce 最近一次提交是在 2026年10月14日。
ce 适合用来做什么？
ERP 或库存管理系统中的可编辑数据表格 教务系统中的成绩或学生信息录入 带自定义校验的实验或科研数据采集 为现有 Web 应用增加类电子表格的编辑功能
ce 怎么安装和运行？
从 npm 安装软件包: npm install jspreadsheet-ce 在 HTML 文件中添加 Jspreadsheet 和 Jsuites 的脚本与样式表，或使用 README 中的 CDN 链接 创建带 id 的 div 容器，并在 JavaScript 中调用 jspreadsheet() 初始化表格 启动 HTML 文件的服务并在浏览器中打开以查看表格
在哪里获取 ce？
源代码和安装说明在 GitHub 上：https://github.com/jspreadsheet/ce

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目