JSFiddle - React, Tailwind, and code Playground

HTML

<div class="horizscroll">
	<table width="100%">
		<tr>
			<td class="header" align="left" width="20%"></td>
			<td align="center" class="header" width="10px">Mon <br /> 01-Sep </td>	
			<td align="center" class="header" width="10px">Tue <br /> 02-Sep </td>	
			<td align="center" class="header" width="10px">Wed <br /> 03-Sep </td>	
			<td align="center" class="header" width="10px">Thu <br /> 04-Sep </td>	
			<td align="center" class="header" width="10px">Fri <br /> 05-Sep </td>	
			<td align="center" class="header" width="10px">Sat <br /> 06-Sep </td>	
			<td align="center" class="header" width="10px">Sun <br /> 07-Sep </td>	
			<td align="center" class="header" width="10px">Mon <br /> 08-Sep </td>	
			<td align="center" class="header" width="10px">Tue <br /> 09-Sep </td>	
			<td align="center" class="header" width="10px">Wed <br /> 10-Sep </td>	
			<td align="center" class="header" width="10px">Thu <br /> 11-Sep </td>	
			<td align="center" class="header" width="10px">Fri <br /> 12-Sep </td>	
			<td align="center" class="header" width="10px">Sat <br /> 13-Sep </td>	
			<td align="center" class="header" width="10px">Sun <br /> 14-Sep </td>	
			<td align="center" class="header" width="10px">Mon <br /> 15-Sep </td>	
			<td align="center" class="header" width="10px">Tue <br /> 16-Sep </td>	
			<td align="center" class="header" width="10px">Wed <br /> 17-Sep </td>	
			<td align="center" class="header" width="10px">Thu <br /> 18-Sep </td>	
			<td align="center" class="header" width="10px">Fri <br /> 19-Sep </td>	
			<td align="center" class="header" width="10px">Sat <br /> 20-Sep </td>	
			<td align="center" class="header" width="10px">Sun <br /> 21-Sep </td>	
			<td align="center" class="header" width="10px">Mon <br /> 22-Sep </td>	
			<td align="center" class="header" width="10px">Tue <br /> 23-Sep </td>	
			<td align="center" class="header" width="10px">Wed <br /> 24-Sep </td>	
			<td align="center" class="header" width="10px">Thu <br /> 25-Sep </td>	
			<td...

CSS

div.horizscroll {
    overflow: scroll;
	width: 600px;
    height: 150px;
}

.header {
background: #D7DF01;
}