JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<table class="mytable">
<tr>
       <th><p>ID</p></th>
       <th><p>NAME</p></th>
       <th><p>CLASS</p></th>
       <th><p>EDIT</p></th>
       <th><p>DELETE</p></th>
</tr>
<tr>
       <td>1</td>
       <td>IVIN</td>
       <td>12</td>
       <td>edit</td>
       <td>delete</td>
</tr>
</table>

CSS

.mytable{
		width:100%; 
		border-collapse:collapse; 
    
    border:#4e95f4 1px solid;
	}
	.mytable td{ 
		padding:7px; 
    border:#4e95f4 1px solid;
	}
	
	.mytable tr{
		background: #b8d1f3;
	}
	
    .mytable tr:hover {
          background-color: #ffff99;
    }