JSFiddle - React, Tailwind, and code Playground

HTML

<table id="mytable">
    <thead>
        <tr>
            <th>id</th>
            <th>item</th>
            <th>quantity</th>
            <th>description</th>
            <th>price</th>
            <th>info</th>
            <th>total</th>
        </tr>
    </thead>
    <tbody>
        
    </tbody>
</table>

CSS

#mytable { width: 800px; }

JavaScript

var data = [
    {id:1,item:"lorem",quantity:29,description:"sit",price:159,info:"amet",total:444},
    {id:2,item:"ipsum",quantity:443,description:"amet",price:90,info:"lorem",total:102},
    {id:3,item:"dolor",quantity:386,description:"lorem",price:284,info:"ipsum",total:491},
    {id:4,item:"sit",quantity:476,description:"ipsum",price:494,info:"dolor",total:277},
    {id:5,item:"amet",quantity:2,description:"dolor",price:58,info:"sit",total:91},
    {id:6,item:"lorem",quantity:345,description:"sit",price:283,info:"amet",total:424},
    {id:7,item:"ipsum",quantity:500,description:"amet",price:101,info:"lorem",total:262},
    {id:8,item:"dolor",quantity:68,description:"lorem",price:441,info:"ipsum",total:216},
    {id:9,item:"sit",quantity:321,description:"ipsum",price:417,info:"dolor",total:382},
    {id:10,item:"amet",quantity:270,description:"dolor",price:40,info:"sit",total:357},
    {id:11,item:"lorem",quantity:362,description:"sit",price:20,info:"amet",total:382},
    {id:12,item:"ipsum",quantity:106,description:"amet",price:288,info:"lorem",total:223},
    {id:13,item:"dolor",quantity:492,description:"lorem",price:196,info:"ipsum",total:141},
    {id:14,item:"sit",quantity:400,description:"ipsum",price:476,info:"dolor",total:375},
    {id:15,item:"amet",quantity:366,description:"dolor",price:465,info:"sit",total:110},
    {id:16,item:"lorem",quantity:329,description:"sit",price:407,info:"amet",total:427},
    {id:17,item:"ipsum",quantity:37,description:"amet",price:299,info:"lorem",total:166},
    {id:18,item:"dolor",quantity:478,description:"lorem",price:348,info:"ipsum",total:115},
    {id:19,item:"sit",quantity:106,description:"ipsum",price:426,info:"dolor",total:220},
    {id:20,item:"amet",quantity:50,description:"dolor",price:271,info:"sit",total:454},
    {id:21,item:"lorem",quantity:487,description:"sit",price:126,info:"amet",total:406},
    {id:22,item:"ipsum",quantity:83,description:"amet",price:260,info:"lorem",total:371},
   ...