jQuery Plugin For Dynamic Spreadsheet-like Data Grid - jExcel

jQuery Plugin For Dynamic Spreadsheet-like Data Grid - jExcel
File Size: 28.2 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

jExcel is a powerful jQuery plugin which lets you dynamically generate a spreadsheet like data grid (table) from local JS data or even an external CSV file. Eesy to integrate with any third party plugin data manipulation plugin like input mask, currency formatting, key-value dropdown, color picker and much more. Also comes with an onchange handler which will be fired on every change in your spreadsheet.

Basic usage:

1. Add references to jQuery library and the jQuery jExcel plugin's JS & CSS files into the webpage.

<link href="dist/css/jquery.jexcel.css" rel="stylesheet">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="dist/js/jquery.jexcel.js"></script>

2. Create an empty DIV element that will be served as the container for your spreadsheet.

<div id="demo1"></div>

3. Define an array of JS data to be presented in the spreadsheet.

data1 = [
  ['Google', 1998, 807.80],
  ['Apple', 1976, 116.52],
  ['Yahoo', 1994, 38.66],

4. Initialize the spreadsheet and done.


5. If you'd like to load an external CSV file into the spreadsheet:

<script src="/path/to/jquery.csv.min.js"></script>

6. Download the spreadsheet data as a CSV file:


7. Default plugin settings:


Change log:


    • Allows for dynamically adding columns.


  • Implemented undo/redo feature

This awesome jQuery plugin is developed by paulhodel. For more Advanced Usages, please check the demo page or visit the official website.