JSFiddle - React, Tailwind, and code Playground
HTML
<table align="center" class="table_dailyview">
<tr>
<td style="display: block;">
<table class="table-intro">
<tr>
<td class="inner_table_column_heading" align="left" width="200px">Tech name</td>
</tr>
<tr> <td id="tech-135" valign="top"><span class="client_name_small">Bob Smith</span>
</td></tr>
<tr>
<td id="tech-88" valign="top"><span class="client_name_small">George GabaPITS</span>
</td>
</tr>
<tr>
<td id="tech-92" valign="top"><span class="client_name_small">Kris P</span>
</td>
</tr>
</table>
<div class="horizscroll">
<table width="100%" class="table_dailyview">
<tr class="inner_table_head">
<td align="center"> </td>
<td class="inner_table_column_heading" align="center" width="5%">Mon
<br />01-Sep</td>
<td class="inner_table_column_heading" align="center" width="5%">Tue
<br />02-Sep</td>
<td class="inner_table_column_heading" align="center" width="5%">Wed
<br />03-Sep</td>
<td class="inner_table_column_heading" align="center" width="5%">Thu
<br />04-Sep</td>
<td class="inner_table_column_heading" align="center" width="5%">Fri
<br />05-Sep</td>
<td class="inner_table_column_heading" align="center" width="5%">Sat
<br...
CSS
div.horizscroll {
overflow-x: scroll;
width: 600px;
}
.table-intro {
width: 80px;
float: left;
display: block;
margin-top: 10px;
}
.table-intro tr {
height: 50px;
}