JSFiddle - React, Tailwind, and code Playground

HTML

<html>
   <head>
 
     <style type="text/css">
 
     table {   border-collapse:collapse; }
 
        .odd {border-bottom: 1px solid black; padding: 5px; font-family:arial;}
 
      </style>
 
   </head>
<body>
 
<table>
   <tr>
     <td>1</td> <td>Lorem</td>   <td>Lorem</td>
   </tr>
 
   <tr class="odd">
     <td>2</td> <td>Lorem</td>   <td>Lorem</td>
   </tr>
 
   <tr>
     <td>3</td> <td>Lorem</td>   <td>Lorem</td>
   </tr>
 
  <tr class="odd">
     <td>4</td> <td>Lorem</td>   <td>Lorem</td>
   </tr>
 
  <tr>
     <td>5</td> <td>Lorem</td>   <td>Lorem</td>
  </tr>
 
</table>
 
</body>
 
</html>