JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<table>
          <tr>
        <th> header1 </th>
       <th> header2 </th>
     <th> header3</th>
     <th> header4</th>
    <th> header5</th>
   <th> header6</th>
   <th> header7</th>
   <th> header8</th>
   <th> header9</th>
   <th> header10</th>
   </tr>
    <tr>
    <td><input type="checkbox"/> </td>
    <td>Test1 </td>
    <td colspan="8"> Test2</td>
    </tr>
    <tr>
    <td colspan="10">
     <table>
       <tr>
      <td>Test1 </td>
    <td>Test2 </td>
<td>Test3 </td>
<td>Test4 </td>
<td>Test5 </td>
<td>Test6 </td>
<td>Test7 </td>
<td>Test8 </td>
<td>Test9 </td>
<td>Test10 </td>
</tr>
</table>
</td>
</tr>
</table>

CSS

html{height:100%;}
body{
    height: 100%;
    background: linear-gradient(to bottom, red, green);
    
}