Mouseover each tag attribute to see it's purpose.
Click the attribute to show a description.
Shift-Click text boxes to paste in a sample value.
Please report issues at the github page linked above.

Thanks for trying it out!

Example Data Generators
5 objects150 objects50K objects
5 arrays150 arrays50K arrays
int[]word[]key : value[]
CSVPSVkey=value[]

{this.data}   Use this to see that the grid and the data are in sync.
[ { "a": 1, "b": 20, "c": 3, "d": 4.5 }, { "a": 21, "b": 30, "c": 33, "d": "asdf" }, { "a": 31, "b": 40, "c": 333, "d": "zing" }, { "a": 41, "b": 30, "c": 33, "d": "asdf" }, { "a": 51, "b": 40, "c": 333, "d": "zing" }, { "a": 61, "b": 30, "c": 33, "d": "asdf" }, { "a": 71, "b": 40, "c": 333, "d": "zing" }, { "a": 81, "b": 30, "c": 33, "d": "asdf" }, { "a": 91, "b": 40, "c": 333, "d": "zing" }, { "a": 101, "b": 30, "c": 33, "d": "asdf" }, { "a": 111, "b": 40, "c": 333, "d": "zing" }, { "a": 121, "b": 30, "c": 33, "d": "asdf" }, { "a": 131, "b": 40, "c": 333, "d": "zing" }, { "a": 131, "b": 30, "c": 33, "d": "asdf" }, { "a": 141, "b": 40, "c": 333, "d": "zing" }, { "a": 151, "b": 30, "c": 33, "d": "asdf" }, { "a": 161, "b": 40, "c": 333, "d": "zing" }, { "a": 171, "b": 30, "c": 33, "d": "asdf" }, { "a": 181, "b": 40, "c": 333, "d": "zing" }, { "a": 191, "b": 50, "c": 3333, "d": "zong" } ]

Parameter UI

<Grid
  data={this.data}
  onChange={(x,y,objKey,value)=>{}}  
/>