how to add heading for json data in ajax jquery

Question

User-1722422105 posted

Hi all 

I am geting the data from 

function loadData() {
$.ajax({
url: "/Home/List",

type: "GET",
contentType: "application/json;charset=utf-8",

dataType: "json",
success: function (result) {
var html = '';
var hhi=' " ';
$.each(result, function (key, item) {

var hh = item.imag_path1+hhi;
html += '<tr>';
html += '<td>' + item.empid + '</td>';
html += '<td>' + item.Name + '</td>';
html += '<td>' + item.Age + '</td>';
// im

I want to add the column name(heading) when I display 

how to do this

Answer 1

User-492460945 posted

Hi sidu,

You can append related HTML to your variable before assigning dynamic row values as below

html = <tr><td>Employee ID</td><td>Name</td><td>Age</td></tr>

Thanks,

RajeshV.

Answer 2

User-1171043462 posted

change

var html = '';

to

var html = '<tr><th>Employee Id</th><th>Name</th><th>Age</th></tr>';