JSFiddle - React, Tailwind, and code Playground

HTML

<div id="timeline">
		<table cellpadding="0" cellspacing="0" style="overflow-y: scroll;">
			<thead>
				<tr>
					<th>Vehicle</th>
					<th>00</th>
					<th></th>
					<th>01</th>
					<th name="1_01_30"></th>
					<th name="1_02_00">02</th>
					<th name="1_02_30"></th>
					<th name="1_03_00">03</th>
					<th name="1_03_30"></th>
					<th name="1_04_00">04</th>
					<th name="1_04_30"></th>
					<th name="1_05_00">05</th>
					<th name="1_05_30"></th>
					<th name="1_06_00">06</th>
					<th name="1_06_30"></th>
					<th name="1_07_00">07</th>
					<th name="1_07_30"></th>
					<th name="1_08_00">08</th>
					<th name="1_08_30"></th>
					<th name="1_09_00">09</th>
					<th name="1_09_30"></th>
					<th name="1_10_00">10</th>
					<th name="1_10_30"></th>
					<th name="1_11_00">11</th>
					<th name="1_11_30"></th>
					<th name="1_12_00">12</th>
					<th name="1_12_30"></th>
					<th name="1_13_00">13</th>
					<th name="1_13_30"></th>
					<th name="1_14_00">14</th>
					<th name="1_14_30"></th>
					<th name="1_15_00">15</th>
					<th name="1_15_30"></th>
					<th name="1_16_00">16</th>
					<th name="1_16_30"></th>
					<th name="1_17_00">17</th>
					<th name="1_17_30"></th>
					<th name="1_18_00">18</th>
					<th name="1_18_30"></th>
					<th name="1_19_00">19</th>
					<th name="1_19_30"></th>
					<th name="1_20_00">20</th>
					<th name="1_20_30"></th>
					<th name="1_21_00">21</th>
					<th name="1_21_30"></th>
					<th name="1_22_00">22</th>
					<th name="1_22_30"></th>
					<th name="1_23_00">23</th>
					<th name="1_23_30"></th>
				</tr>
			</thead>
			<tbody><tr>
				<td>No Name	AB12 CDE</td>
				<td>a</td>
				<td>b</td>
				<td></td>
				<td name="1_01_30"></td>
				<td name="1_02_00"></td>
				<td name="1_02_30"></td>
				<td name="1_03_00"></td>
				<td name="1_03_30"></td>
				<td name="1_04_00"></td>
				<td name="1_04_30"></td>
				<td name="1_05_00"></td>
				<td name="1_05_30"></td>
				<td name="1_06_00"></td>
				<td...

CSS

body {
		font:16px Calibri;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
	}
    table { 
		border-collapse:separate;
		width: 3000px; 
	}
    td, th {
		height:25px;
        margin:0;
		width: 75px !important;
		border: 1px solid grey;
		border-bottom: 0px none grey;
    }
	th {
		text-align: left;
		padding-left: 2px;
		font:16px Calibri;
		font-weight: normal;
	}
    #timeline {
        overflow-x:scroll;  
        margin-left:290px;
        overflow-y:scroll;
        padding-bottom:1px;
		height: 400px;
		border: 2px solid blue;
    }