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

Usage

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>

Why DataGridXL?

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!

This DataGridXL software is free under a linkware license.

This means you may not remove or hide in any other way link to DataGridXL web site - https://datagridxl.com.

If you wish to remove the link, you should purchase commercial license.

You may not redistribute, sublicense or sell this program without written permission of Vanilla Components, the creator of DataGridXL software.

This software is provided without warranty.

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.