JSFiddle - React, Tailwind, and code Playground

HTML

<script src="&lt;link href=&#39;http://fonts.googleapis.com/css?family=Dosis&#39; rel=&#39;stylesheet&#39; type=&#39;text/css&#39;&gt;"></script>
<table border="0" cellpadding="0" cellspacing="0" class="tftable">



<tr><th>DATE</th>

<th>TEXT</th>

<th>TEXT</th>

<th>TEXT</th>

<th>TEXT</th>

<th>TEXT</th>

<th>monto</th><th></th></tr>





<tr><td>30-10-2015</td><td>TEXT</td>
<td>TEXT</td><td>TEXT</td>
<td>TEXT</td><td>TEXT</td>
<td>TEXT</td></tr>
    <tr><td>04-11-2014</td><td>TEXT</td>
<td>TEXT</td><td>TEXT</td>
<td>TEXT</td><td>TEXT</td>
<td>TEXT</td></tr>
</table>

CSS

.tftable {
background-color:transparent;
color:#505563;
font-family: 'Dosis', sans-serif;
text-shadow: 0px 1px 2px #eeeeee; 
font-weight:bold; 
font-size:11px;
text-transform: uppercase;
width:100%;border-width: 0px;border-color: transparent;border-collapse: collapse;}
.tftable th {border-width: 0px;padding: 0px;border-style: solid;border-color: transparent;
background-color:transparent;
color:#ad4e3e;
text-align:left;
font-family: 'Dosis', sans-serif;
text-shadow: 0px 1px 2px #eeeeee; 
font-weight:bold; 
font-size:12px;
padding-bottom:7px;
text-transform: uppercase;}
.tftable tr {background-color:#ffffff;}
.tftable td {color:#505563;
text-align:left;
font-family: 'Dosis', sans-serif;
text-shadow: 0px 1px 2px #eeeeee; font-size:11px;font-weight:bold; border-width: 0px;padding: 0px;border-style: solid;border-color: transparent;text-transform: uppercase;}
.tftable tr:hover {background-color:#cccccc;}