how to convert JSON data to html table using jQuery or convert JSON data into html table using jQuery - Asp.Net,C#,Sql server,jquery,Angularjs,Mvc,interview tips and coding tips

$(function () {

var myList = [{ "Name": "Suresh Dasari", "Education": "B.Tech", "Location": "Chennai" },

{ "Name": "Rohini Dasari", "Education": "BMSC", "Location": "Guntur" },

{ "Name": "Siva Prasad", "Education": "Msc", "Location": "Nagpur" },

{ "Name": "Madhav Sai", "Education": "MBBS", "Location": "Nagpur" },

{ "Name": "Sudheer", "Education": "B.Tech", "Location": "Kakinada" },

{ "Name": "Sateesh", "Education": "MD", "Location": "Vizag" },

{ "Name": "Praveen A", "Education": "B.Tech", "Location": "Chennai" }]

Bindhtmltable(myList);

})

function Bindhtmltable(list) {

var cols = addheadercols(list);

for (var i = 0; i < list.length; i++) {

var row = $('<tr/>');

for (var colIndex = 0; colIndex < cols.length; colIndex++) {

var cellValue = list[i][cols[colIndex]];

if (cellValue == null) { cellValue = ""; }

row.append($('<td/>').html(cellValue));

}

$("#htmltable").append(row);

}

function addheadercols(list) {

var colset = [];

var headerTr = $('<tr/>');

for (var i = 0; i < list.length; i++) {

var rows = list[i];

for (var key in rows) {

if ($.inArray(key, colset) == -1) {

colset.push(key);

headerTr.append($('<th/>').html(key));

}

$("#htmltable").append(headerTr);

return colset;

}