JSFiddle - React, Tailwind, and code Playground

HTML

<table id="reqtablenew" name="requestlist" requestURI="" pagesize="4" class = "newreqtable">
	    <tr>
        <td>
        Select
        </td>
            <td>
        Request ID
        </td>
            <td>
        Requestor
        </td>
            <td>
        Approver
        </td>
            <td>
        Status
        </td>
            <td>
        Product
        </td>
            <td>
        Version
        </td>
            <td>
        Source
        </td>
            <td>
        Destination
        </td>
            
                
    </tr>
        </table>

CSS

.newreqtable {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:14px;
	-webkit-border-bottom-left-radius:14px;
	border-bottom-left-radius:14px;
	
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-right-radius:14px;
	border-bottom-right-radius:14px;
	
	-moz-border-radius-topright:14px;
	-webkit-border-top-right-radius:14px;
	border-top-right-radius:14px;
	
	-moz-border-radius-topleft:14px;
	-webkit-border-top-left-radius:14px;
	border-top-left-radius:14px;
}.newreqtable table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.newreqtable tr:last-child td:last-child {
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-right-radius:14px;
	border-bottom-right-radius:14px;
}
.newreqtable table tr:first-child td:first-child {
	-moz-border-radius-topleft:14px;
	-webkit-border-top-left-radius:14px;
	border-top-left-radius:14px;
}
.newreqtable table tr:first-child td:last-child {
	-moz-border-radius-topright:14px;
	-webkit-border-top-right-radius:14px;
	border-top-right-radius:14px;
}.newreqtable tr:last-child td:first-child{
	-moz-border-radius-bottomleft:14px;
	-webkit-border-bottom-left-radius:14px;
	border-bottom-left-radius:14px;
}.newreqtable tr:hover td{
	background-color:#ffaaaa;
		

}
.newreqtable td{
	vertical-align:middle;
	
	background-color:#ffffff;

	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Helvetica;
	font-weight:normal;
	color:#000000;
}.newreqtable tr:last-child td{
	border-width:0px 1px 0px 0px;
}.newreqtable tr td:last-child{
	border-width:0px 0px 1px 0px;
}.newreqtable tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.newreqtable tr:first-child td{
		background:-o-linear-gradient(bottom, #ff5656 5%, #7f0000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05,...