JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://necolas.github.com/normalize.css/2.1.3/normalize.css">
<div class="borderDiv">
<table id="reqtablenew" class="newreqtable">
    <thead>
        <tr>
            <th>Select</th>
            <th>Request ID</th>
            <th>Requestor</th>
            <th>Approver</th>
            <th>Status</th>
            <th>Product</th>
            <th>Version</th>
            <th>Source</th>
            <th>Destination</th>
        </tr>
    </thead>
    <tbody>
        <tr class="odd">
            <td>
                <input type="radio" name="reqradio" />
            </td>
            <td>1</td>
            <td>ankur chachra</td>
            <td>akshay sinha</td>
            <td>pending</td>
            <td>openworks</td>
            <td>ow 1</td>
            <td>rivendell</td>
            <td>gotham</td>
        </tr>
        <tr class="even">
            <td>
                <input type="radio" name="reqradio" />
            </td>
            <td>2</td>
            <td>priya jindal</td>
            <td>avneet bansal</td>
            <td>closed</td>
            <td>openworks</td>
            <td>ow 2</td>
            <td>mordor</td>
            <td>bhatinda</td>
        </tr>
    </tbody>
</table>
<div>

CSS

body {
    background: #ddd;
    padding: 10px;
    
}

div.borderDiv{
    border: 1px solid black;
    border-radius: 14px;
    box-shadow: 10px 10px 5px #888888;
    width: 80%;
}

.newreqtable {    
    width:100%;
    border-radius: 14px; /* for the shadow */
}


.newreqtable th:first-child {
    border-top-left-radius:14px;    
}
.newreqtable th:last-child {
    border-top-right-radius:14px;
    border-right: none;
}
.newreqtable tr:last-child td:first-child {
    border-bottom-left-radius:14px;
}
.newreqtable tr:last-child td:last-child {
    border-bottom-right-radius:14px;
}

.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:0;
}


.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;
    padding:7px;
    font-size:10px;
    font-family:Helvetica;
    font-weight:normal;
}
.newreqtable th {
    background:-o-linear-gradient(bottom, #ff5656 5%, #7f0000 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5656), color-stop(1, #7f0000));
    background:-moz-linear-gradient(center top, #ff5656 5%, #7f0000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5656", endColorstr="#7f0000");
    background: -o-linear-gradient(top, #ff5656, 7f0000);
    background-color:#ff5656;
    border-color:white;
    border-style: solid;
    text-align:center;
    font-size:14px;
    font-family:Arial;
    font-weight:bold;
    color:#ffffff;
    border-width:0px 1px 1px 0px;
}