JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1" class="my-table"> 
  <tr> 
       <th>head-1</th> 
       <th>head-2</th> 
       <th>head-3</th> 
       <th>head-4</th> 
       <th>head-5</th>    
  </tr> 
  <tr >
      
      <td><div  class="row-data">data-1</div></td> 
           <td>data-2</td> 
           <td>data-3</td> 
           <td>data-4</td> 
           <td>data-5</td> 
     
  </tr> 
 </table>

CSS

.row-data{
    background-color:#ececec;
    border-radius:10px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
}