7 Best Spreadsheet-like Data Grid Libraries In JavaScript (2022 Update)

by jQueryScript,

Want to have a spreadsheet-like data grid to manipulate tabular data in an HTML table just like in the Microoft Excel and Google Sheets?

Here is a list of 7 best JavaScript data table libraries that help developers convert a regular HTML table into a spreadsheet-like data grid for organization, analysis and storage of data in tabular form. Have fun with it.

Originally Published July 13, updated Mar 12 2022

1. Dynamic Spreadsheet-like Data Grid - jExcel

jExcel is a powerful jQuery and Vanilla JavaScript plugin which lets you dynamically generate a spreadsheet like CRUD data grid (table) from local JS data or even JSON, CSV, XSLX files.

Dynamic Spreadsheet-like Data Grid - jExcel

[Demo] [Download]


2. Convert HTML Table Into Spreadsheet - jQuery sheetjs

A jQuery plugin that converts large HTML tables into spreadsheet-style data grids for better display and manipulation of tabular data.

Convert HTML Table Into Spreadsheet - jQuery sheetjs

[Demo] [Download]


3. Excel-like CRUD Data Grid Library - Handsontable

A powerful, flexible, feature-rich, Excel-like CRUD data grid/table library for JavaScript, Angular, React, and Vue.js.

Excel-like CRUD Data Grid Library - Handsontable

[Demo] [Download]


4. Spreadsheet Web App In Pure JavaScript – x-spreadsheet

A pure JavaScript library used to generate an Excel & Google Sheets style spreadsheet for the web.

Spreadsheet Web App In Pure JavaScript – x-spreadsheet

[Demo] [Download]


5. Basic Spreadsheet App In JavaScript And HTML5

A simple, basic online spreadsheet app written in javascript, CSS/CSS3, and HTML table.

Basic Spreadsheet App In JavaScript And HTML5

[Demo] [Download]


6. Editable Spreadsheet Style Data Grid Library – simple-data-table

A dependency-free data table library helps you render a dynamic, editable, spreadsheet-style data grid with the support of inline editing, add/remove rows, data lazy loading and more.

Editable Spreadsheet Style Data Grid Library – simple-data-table

[Demo] [Download]

7. Full-feature Online Spreadsheet In Vanilla JavaScript – Luckysheet

An open-source, dependency-free JavaScript library to create a full-featured, Google Sheets-like online spreadsheet app.

Full-feature Online Spreadsheet In Vanilla JavaScript – Luckysheet

[Demo] [Download]



More Resources:

Looking for more JavaScript libraries to implement Data Table/Grid on the web & mobile? See jQuery Data Table and JavaScript Data Table sections for more details.