Deprecated

gridchen

Very lightweight and fast editable web grid with strict MS-Excel adherence to user experience. Modern as of year 2020 (web components, es6 modules) with no dependencies. The source is at gridchen Repository

Highlights are

• Supports light and dark theme without an extension
• Strong support for dates and times both local and UTC
• JSON matrix abstraction
• Undo/Redo, report data changes
• Use of standards such as JSON Schema and JSON Patch
• Strong test base
• No build process such as webpack or rollup
• Vanilla JavaScript with JSDoc-Typing

If you need to edit mixed hierarchical and grid data, please visit sister project form-chen.

Color Scheme Support

Option preferred means the OS theme setting, supported by both Firefox 67 and Chrome 76.

Demos

• Basic JSON Types
• String Date Formats
• Object Date Formats
• Performance through virtual scrolling
• Real Time
• JavaScript API

There are five natural types to express a matrix structure in JSON. All of them are supported by default.

1. Array of Row Arrays
2. Array of Row Objects
3. Array of Column Arrays
4. Object of Columns
5. Single Column Array

CSS Flex Layout Demo

Unicode Symbols Demo, my favorite 😊

Navigate all properties of the DOM Window object

Read Only Demo

Charting Demo

Dealing with Column Left to Right Order for row objects and object of columns.

The README Usage Example

Run unit tests