JSFiddle - React, Tailwind, and code Playground

HTML

<div...

CSS

th, td {    
    text-align: center;    
}

tr:nth-child(even) {
    background-color: #CACABF;
}

table th {
    background: #333 url(http://www.roscripts.com/images/llsh.gif) repeat-x;    
    color : #fff;    
}

table td {    
    border-bottom: dotted 1px #333;    
}

table {
    border-collapse:collapse;
    width: 100%;    
}

#main_container {
    font-size: 9px;
    border: solid 3px gray;
    background-color: rgba(245, 255, 10, 0.12);
}

table tr {
  cursor: pointer;
  -webkit-transition: all 1s;
}
table tr:hover, tr.selected {
  color: #FFFF00;
  background: #000000;
  border: 1px solid #282828;
  box-shadow: -1px 1px 7px rgba(0, 0, 0, 0.75);
}