Passing dynamic json data to populate jquery grid -

i have create grid undefined columns based on json data,

[{     name: "john",     designation: "analyst",     age: 25,      department: "it" }, {     name: "matthew",     designation: "manager",      age: 38,      department: "accounts" }, {     name: "emma",     designation: "senior manager",     age: 40,     department: "hr" }]; 

my desired output below:

as header:

name | designation | age | department 

as datarow:

john | analyst | 25 | 

please, me how have start , how it.

duplicate question how put json data in html / javascript grid table [if check before posting]
datatables --http://datatables.net/release-datatables/examples/data_sources/js_array.html
gridtable js --http://backgridjs.com/#examples