JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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