Excel-like Experience for Web Apps (The performant & reliable Vanilla Javascript data grid with Excel-like controls)
DataGridXL is the new grid on the block™! Written in Javascript ES6, made in the 2020s and built with performance & usability in mind.
Works with React |
Works with Angular |
Works with Vue |
✓ Works with JSON |
✓ Works with CSV |
✓ Works with SQL |
Include datagridxl2.js
in your web page HTML file:
<script src="https://code.datagridxl.com/datagridxl2.js"></script>
Then, run this code inside your HTML/JS:
<div id="grid" style="height:400px;"></div>
<script>
var grid = new DataGridXL("grid");
</script>
1. Just like Excel & Google Sheets
Keyboard, mouse and touchscreen controls are familiar to your users.
2. Lightweight & Super Fast
No dependencies. Display thousands of rows & columns. No hiccups!
3. Programmer Friendly
Dozens of demos, extensive docs, even an interactive API playground.
4. Built in the 2020s
Backed by a store & state model, just like React. Modern and reliable.
5. Top Notch Support
Support is fast and includes live code examples.
6. Framework Compatible
React, Angular, Vue and the next big thing: DataGridXL is compatible.
See how DataGridXL powers live Web Apps & Get Inspired!
Convert table data from any format to any format. E.g. JSON to Markdown or CSV to XML.
Edit CSV files online just like Google Sheets. No need to sign up!
Important: To use DataGridXL in live environments, a license is required.
ONLY for non-live environments (internal development purposes), you can use DataGridXL without a license.
Without a license:
To purchase a commercial license for the current version of this library, visit
DataGridXL Online Store
Visit the DataGridXL website for more information and
documentation.