JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <div style="background:blue;color:white">
      hello
    </div>
    
    
  </tr>
   <tr>
    <div style="background:pink;color:white">
      hello
    </div>
    
    
  </tr>
  <tr>
    <div style="background:blue;color:white">
      hello
    </div>
    
    
  </tr>
 
 
    <div style="background:green;color:white">
      hello
    </div>
    
    
  </tr>
   <tr>
    <div style="background:pink;color:white">
      hello
    </div>
    
    
  </tr>
  <tr>
   <tr>
    <div style="background:green;color:white">
      hello
    </div>
    
    
  </tr>
</table>
<br>
<br>
After Rearrangement
<br>
****************************

<br><br>



<table>
  <tr>
    <div style="background:blue;color:white">
      hello
    </div>
    
    </div>
  </tr>
  <tr>
    <div style="background:blue;color:white">
      hello
    </div>
    
    </div>
  </tr>
  <tr>
    <div style="background:pink;color:white">
      hello
    </div>
    
    </div>
  </tr>
  <tr>
    <div style="background:pink;color:white">
      hello
    </div>
    
    </div>
  </tr>
  <tr>
    <div style="background:green;color:white">
      hello
    </div>
    
    </div>
  </tr>
   <tr>
    <div style="background:green;color:white">
      hello
    </div>
    
    </div>
  </tr>
</table>