JSFiddle - React, Tailwind, and code Playground

by master1991

HTML

<!DOCTYPE html>
    <html>
    <head>
    <style>
     table, th, td {
      border: 1px solid black;
      border-collapse: collapse;
       }
   </style>
   </head>
   <body>

     <table style="width:100%">
        <tr>
          <th>ABC</th>
          <th>ABC</th> 
          <th>ABC</th>
          <th>ABC</th>
       </tr>
       <tr>
         <td>Item1</td>
         <td>Item1</td>
         <td>
           <table style="width:100%">
             <tr>
                <td>name1</td>
                <td>price1</td>
             </tr>
             <tr>
                <td>name2</td>
                <td>price2</td>
             </tr>
             <tr>
                <td>name3</td>
                <td>price3</td>
             </tr>
          </table>
       </td>
       <td>item1<br>item1<br>item1<br>item1<br>item1<br>item1<br></td>
     </tr>
     <tr>
      <td>A</td>
      <td>B</td>
      <td>C</td>
      <td>D</td>
     </tr>
     <tr>
        <td>E</td>
        <td>F</td>
        <td>G</td>
        <td>H</td>
     </tr>
     <tr>
      <td>E</td>
      <td>R</td>
      <td>T</td>
      <td>T</td>
     </tr>

   </table>

  </body>
  </html>