JSFiddle - React, Tailwind, and code Playground

by Vengatesh rkv

HTML

<table id="searchresult" border="1">
  <thead>
    <tr>
      <td>Subject id</td>
      <td>Subject id1</td>
    </tr>
  </thead>
</table>

JavaScript

var data = [{
  "mathid": "015-08-0011-000-01",
  "mathid1": "342-432-423-000",

  "englishid": "015-08-0011-000-01-1001",
  "englishid1": "342-432-423-000",

  "scienceid": "015-08-0011-000-01-2001",
  "scienceid1": "342-432-423-000"

}, {
  "mathid": "015-08-0011-000-02",
  "mathid1": "342-432-423-001",

  "englishid": "015-08-0011-000-01-1002",
  "englishid1": "342-432-423-001",

  "scienceid": "015-08-0011-000-01-2002",
  "scienceid1": "342-432-423-001"
}]


var tr;
var td;
for (var i = 0; i < data.length; i++) {
  tr = $('<tr/>');
  td = $('<td/>');
  if (data[i].mathid) {
   $("#searchresult").append("<tr><td id=''>" + data[i].mathid + "</td><td id=''>" + data[i].mathid1 + "</td></tr>");

  }
  if (data[i].englishid) {
    $("#searchresult").append("<tr><td id=''>" + data[i].englishid + "</td><td id=''>" + data[i].englishid1 + "</td></tr>");
  }
  if (data[i].scienceid) 
  {
       $("#searchresult").append("<tr><td id=''>" + data[i].scienceid + "</td><td id=''>" + data[i].scienceid1 + "</td></tr>");
  
  }


}