JSFiddle - React, Tailwind, and code Playground
by mausami
HTML
<div align="center" style="clear:both; min-height:690px;" id="content">
<table width="100%" style="overflow:auto;" id="tblDay">
<tbody><tr bgcolor="#003366" style="color:#FFFFFF;"><td align="center" style="font-size:16px;" colspan="23">
<b>Tuesday, June 04, 2013</b></td></tr>
<tr bgcolor="#006699" style="color:#FFFFFF; font-size:14px;" class="head">
<td>Resources</td>
<td style="width:4%;"> 08:00</td>
<td style="width:4%;"> 08:30</td>
<td style="width:4%;"> 09:00</td>
<td style="width:4%;"> 09:30</td>
<td style="width:4%;"> 10:00</td>
<td style="width:4%;"> 10:30</td>
<td style="width:4%;"> 11:00</td>
<td style="width:4%;"> 11:30</td>
<td style="width:4%;"> 12:00</td>
<td style="width:4%;"> 12:30</td>
<td style="width:4%;"> 13:00</td>
<td style="width:4%;"> 13:30</td>
<td style="width:4%;"> 14:00</td>
<td style="width:4%;"> 14:30</td>
<td style="width:4%;"> 15:00</td>
<td style="width:4%;"> 15:30</td>
<td style="width:4%;"> 16:00</td>
<td style="width:4%;"> 16:30</td>
<td style="width:4%;"> 17:00</td>
<td style="width:4%;"> 17:30</td>
<td style="width:4%;"> 18:00</td>
<td style="width:4%;"> 18:30</td>
</tr>
<tr bgcolor="silver" id="10">
<td style="width:10%;" id="resource10">Mausami Pandit</td>
<td style="width:4%;" class="tbDay" id="resource10">
<div class="08:01" style="display:inline-block;...
CSS
#tblDay{
width:98%;
}
#tblDay tr.head td{
padding-left:10px;
}
.tbDay{
min-width:4%;
height:auto;
}