JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
   <script id="PM_tmpl" type="text / x - jquery - tmpl ">
        <tr>
            <td style="width: 60 % ;">${id}</td>
            <td style="width: 200px;"> ${name} </td>
        </tr>   
    </script>


<table id="target">
</table>

JavaScript

var myData  = [
          { "id": "13532811000001109", "name": "Dabigatran etexilate 110mg capsules",  "Group": "High Risk", "VPID": 13532811000001109   }, 
          { "id": "13532911000001104", "name": "Dabigatran etexilate 75mg capsules",  "Group": "High Risk", "VPID": 13532911000001104   },
          { "id": "13532811000001109", "name": "Pradaxa 110mg capsules (Boehringer Ingelheim Ltd)",  "Group": "High Risk", "VPID": "13532811000001109", "APID": 13505411000001109  },
          { "id": "13532911000001104", "name": "Pradaxa 75mg capsules (Boehringer Ingelheim Ltd)",  "Group": "High Risk", "VPID": 13532911000001104, "APID": 13504711000001102  }
          ];
             

  $( "#PM_tmpl" ).tmpl( myData ).appendTo( "#target" );