JSFiddle - React, Tailwind, and code Playground

HTML

<table id="Tab" border="1" cellpadding="0" cellspacing="0" width="85%">
  <thead>
    <col width="100">
      <col width="70">
        <col width="70">
          <col width="100">
            <tr bgcolor="#F0F8FF">
              <th>City</th>
              <th>Status</th>
              <th>Action</th>
              <th>CityAdmin</th>
            </tr>
  </thead>
  <tbody>
</table>

JavaScript

$(function() {
   var json = [];
   var item = {
     'city': 'city1',
     "Status": "Status",
     "Action": "Action1",
     "CityAdmin": "CityAdmin1"
   };
   json.push(item);
   
   $.each(json, function(i, data) {
   console.log(i,data);
     $("#Tab").append("<tr><td>" + data.city + "</td><td>" + data.Status + "</td><td>" + data.Action + "</td><td>" + data.CityAdmin + "</td></tr>");
   });
 });