https://github.com/diogok/supagrid

Experimental HTML5 big table grid editor.
https://github.com/diogok/supagrid

Last synced: about 2 months ago
JSON representation

Experimental HTML5 big table grid editor.

• Host: GitHub
• URL: https://github.com/diogok/supagrid
• Owner: diogok
• Created: 2015-10-09T17:58:40.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-10-09T18:04:54.000Z (about 9 years ago)
• Last Synced: 2023-04-13T15:11:49.311Z (over 1 year ago)
• Language: JavaScript
• Size: 121 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Supagrid

A simple "supergrid" HTML5 table grid editor, with no other dependency and lightweight.

_EXPERIMENTAL_

[Check it out](http://diogok.github.io/supagrid).

## Usage

Include the CSS and JS:

    

    

Create the container element:

    


Initiate the GRID:

    var fields = [];

    var data = [];

    var g = new Supagrid({

      element: document.getElementById('grid'),

      fields: fields,

      id_field: fields[0],

      data: data,

      on: {

        change: function(obj,field,value) {

        },

        focus: function(obj) {

        }

      }

    });

Supagrid automatically binds to the objects on the data element, so if an object changes the grid will update and if the grid changes it will update the object.

         

Soon it will also bind the the data array to check it items were added or removed.

You can optionally apply custom styles:

## License

MIT