JSFiddle - React, Tailwind, and code Playground
CSS
#gigi {
width: 200px;
height: 200px;
}
JavaScript
var output = [{"1_ChangeName": "Insured", "1_ChangeName_From": "Aditi Tripathy", "1_ChangeName_To": "Atharva Jaiswal", "1_NameChange_Reason": "Marriage", "2_CorrectAge": "23", "2_CorrectAgeOf": "Insured", "2_CorrectDOB": "12/31/1997", "3_ChangePremiumMode": "SemiAnnual", "4_ChangePremiumTo": "500", "5_Change_Email": "[email protected]", "5_Change_MailingAddress": "6th Floor, Tower 6 Cybercity Magarpatta City, Pune", "5_Change_MailingCity": "Pune", "5_Change_MailingState": "MH", "5_Change_MailingZIP": "411038", "5_Change_Phone": "2435163910", "5_Change_Phone_Area": "20", "5_Change_ResidentialAddress.0": "6th Floor, Tower 6 Cybercity Magarpatta City, Pune", "5_Change_ResidentialCity.0": "Pune", "5_Change_ResidentialState.0": "MH", "5_Change_ResidentialZIP.0": "411038", "6_RequestDuplicate": "On", "7_PrintName": "Aditi Tripathy", "7_SignDate": "08/29/2018", "On the Life of": "Aditi Tripathy", "Policy Number1": "", "Policy Number2": "1234567", "Policy Number3": "", "Policy Number4": "", "Policy Number5": ""}];
var table = $('<table border="1"></table>');
for(var i=0; i < output.length; i++) {
var tr = $('<tr></tr>');
for(var key in output[i]) {
var td = $('<td></td>');
td.attr('class', key);
td.text(output[i][key]);
tr.append(td);
}
table.append(tr);
}
$('body').append(table);