Repolode
Submit
jspreadsheet

jspreadsheet/ce

Jspreadsheet CE is a lightweight JavaScript data grid component with Excel-like editing, formulas and column types for web apps.

Open-source alternative to:ExcelGoogle Sheets

View on GitHubWebsite
Stars
7,241
Forks
892
Open issues
155
Last commit
24 days ago

What is it?

Jspreadsheet CE is a JavaScript component that turns an HTML container into an interactive, spreadsheet-style data grid. It is aimed at developers who need users to view, enter and edit tabular data in a browser without building a grid from scratch.

The grid supports typed columns such as text, numeric with masks, dropdowns with autocomplete, calendars, checkboxes, color pickers and images. Users can copy and paste using standard Excel shortcuts, and the component includes formula support, column resizing and dragging, nested headers, and multiple worksheets in one spreadsheet.

The package is published on npm and can also be loaded from a CDN. It is MIT licensed, and the project provides wrappers for React and Vue as well as examples for jQuery and web components.

Key features

  • 01Excel-like editing with standard copy and paste shortcuts
  • 02Typed columns for text, numbers with masks, dropdowns, calendars, checkboxes, colors and images
  • 03Formula support and footer formulas
  • 04Column dragging, resizing and nested headers
  • 05Multiple worksheets within one spreadsheet
  • 06Dedicated React and Vue wrappers

Use cases

  • Editable data grids in ERP or inventory management interfaces
  • Grade or student data entry tables in education systems
  • Lab or research data collection with custom validation
  • Adding spreadsheet-style editing to an existing web application

Quick start

  1. 1

    Install the package from npm

    npm install jspreadsheet-ce
  2. 2

    Add the Jspreadsheet and Jsuites scripts and stylesheets to your HTML file, or use the CDN links from the README

  3. 3

    Create a div container with an id and initialize the grid with jspreadsheet() in JavaScript

  4. 4

    Serve your HTML file and open it in a browser to see the grid

Things to know

  • Version 5 changed the architecture from v4, so upgrading requires code changes per the upgrade guide.
  • Advanced features such as some enterprise capabilities are offered only in the paid Jspreadsheet Pro.

Topics

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

FAQ

What is ce?
Jspreadsheet CE is a lightweight JavaScript data grid component with Excel-like editing, formulas and column types for web apps. Jspreadsheet CE is a JavaScript component that turns an HTML container into an interactive, spreadsheet-style data grid. It is aimed at developers who need users to view, enter and edit tabular data in a browser without building a grid from scratch.
Is ce free to use? What license does it have?
ce is open source under the MIT license. Check the license terms before using it in commercial products.
Is ce still maintained?
Actively maintained. The last commit to ce was on Oct 14, 2026.
What can I use ce for?
Editable data grids in ERP or inventory management interfaces Grade or student data entry tables in education systems Lab or research data collection with custom validation Adding spreadsheet-style editing to an existing web application
How do I install ce?
Install the package from npm: npm install jspreadsheet-ce Add the Jspreadsheet and Jsuites scripts and stylesheets to your HTML file, or use the CDN links from the README Create a div container with an id and initialize the grid with jspreadsheet() in JavaScript Serve your HTML file and open it in a browser to see the grid
Where can I get ce?
The source code and installation instructions are on GitHub: https://github.com/jspreadsheet/ce

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects