https://github.com/DataGridXL/DataGridXL2

Excel-like Experience for Web Apps (The performant & reliable Vanilla Javascript data grid with Excel-like controls)
https://github.com/DataGridXL/DataGridXL2

csv-editor data-editing data-management data-tables datagrid datatable excel grid grid-component javascript json-editor react-datatable spreadsheet table

Last synced: 10 days ago
JSON representation

Excel-like Experience for Web Apps (The performant & reliable Vanilla Javascript data grid with Excel-like controls)

• Host: GitHub
• URL: https://github.com/DataGridXL/DataGridXL2
• Owner: DataGridXL
• License: other
• Created: 2022-02-02T12:15:01.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2024-04-12T21:55:11.000Z (7 months ago)
• Last Synced: 2024-07-08T18:55:45.894Z (4 months ago)
• Topics: csv-editor, data-editing, data-management, data-tables, datagrid, datatable, excel, grid, grid-component, javascript, json-editor, react-datatable, spreadsheet, table
• Language: JavaScript
• Homepage:
• Size: 457 KB
• Stars: 487
• Watchers: 5
• Forks: 20
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


![DataGridXL Logo](https://github.com/DataGridXL/DataGridXL2/blob/master/images/datagridxl-logo.png?raw=true)

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

    

  

  





![DataGridXL Screenshot](https://github.com/DataGridXL/DataGridXL2/blob/master/images/datagridxl2-javascript-spreadsheet.png?raw=true)

  



## Usage

Include `datagridxl2.js` in your web page HTML file:

```html

```

Then, run this code inside your HTML/JS:

```html



var grid = new DataGridXL("grid");

```

## 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 it in action:

See how DataGridXL powers live Web Apps & Get Inspired!

### 1. [tableconvert.com](https://tableconvert.com)

Convert table data from any format to any format. E.g. JSON to Markdown or CSV to XML.

### 2. [editcsvonline.com](https://editcsvonline.com)

Edit CSV files online just like Google Sheets. No need to sign up!

## License

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:

* you are required to show the DataGridXL link () at all times

* you are not entitled to receive any technical support

To purchase a commercial license for the current version of this library, visit

[DataGridXL Online Store](https://datagridxl.com/buy)

## More info

Visit the [DataGridXL website](https://datagridxl.com) for more information and 

documentation.

## Contact us

* Email: [email protected]

* Web: https://datagridxl.com