7 Best Spreadsheet-like Data Grid Libraries In JavaScript

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.

1. 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]


2. 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]


3. Excel-Like jQuery Data Table Plugin - xTab

xTab is a jQuery plugin extends the standard Html table to make it behave like a Microsoft Office Excel-like spreadsheet.

Excel-Like jQuery Data Table Plugin - xTab

[Demo] [Download]


4. Excel-like Interactive Table With Keyboard Navigation - Tablenav

A very small jQuery plugin for creating spreadsheet-like data table with input fields and keyboard navigation support just like the Microsoft Excel.

Excel-like Interactive Table With Keyboard Navigation - Tablenav

[Demo] [Download]


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

x-spreadsheet is 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]


6. 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]


7. Spreadsheet-style Data Table Plugin For jQuery - Dynamic Table

A dynamic, AJAX-driven, Spreadsheet-style data table plugin with jQuery that features filtering, sorting, cell editing, performant scrolling and more.

Spreadsheet-style Data Table Plugin For jQuery - Dynamic Table

[Demo] [Download]


More Resources:

Want more JavaScript libraries to implement Data Table/Grid on the web & mobile? Check out the jQuery Data Table and JavaScript Data Table sections.