JSFiddle - React, Tailwind, and code Playground

by Sri Vaishnavi

HTML

<div>
    <table border="1" id="tbl">
        <thead>
        <th>S.No</th>
        <th>Name</th>
        <th>Age </th>
        <th>Sex </th>    
        </thead>
        <tbody id="tblBody"></tbody>
    </table>
    
</div>

JavaScript

var data = {"name":[[1,"kate"],[2,"david"]], "age":[[1,34],[2,25]],"sex":[[1,"male"],[2,"female"]]};
var nameFields = data.name;
var age = data.age;
var sex = data.sex;
var html = "";
for(var v in nameFields){
    html += "<tr><td>"+nameFields[v][0] +"</td><td>"+  nameFields[v][1] + "</td><td>"+ age[v][1] +"</td><td> " + sex[v][1] +"</td></tr>";
//alert(html)
}  
   $("#tblBody").html(html);