JSFiddle - React, Tailwind, and code Playground

by diode

HTML

<table id="list" >
    <thead>
        <tr><td width="50">No.</td><td width="100">Price1</td><td width="100">Perc</td><td width="100">Price2</td></tr> 
    </thead>
     
</table>

JavaScript

var data = [
    {
    no: 1,
    name: "ITEM1",
    price1: "9.00",
    perc: "0%",
    price2: "9.00"},
{
    no: 2,
    name: "ITEM-GET01",
    price1: "9.00",
    perc: "12%",
    price2: "5.00"}
];

//$("#list tr").remove();    
$(data).each(function(index, item) {
    $("#list").append('<tr><td width="50">' + item.no + '</td><td width="100">' + item.name + '</td><td width="100">' + item.price1 + '</td>' + item.perc + '<td width="100">' + item.price2 + '</td></tr>');
})