JSFiddle - React, Tailwind, and code Playground

HTML

<div id="days">
    <p>------ MONDAY ------ TUESDAY ------ WEDNESDAY ------ THURSDAY ------ FRIDAY ------ SATURDAY ------ SUNDAY ------</p>
</div>
<div id="hours">
    <p>9 to 10</p>
    <p>10 to 11</p>
    <p>11 to 12</p>
    <p>12 to 13</p>
    <p>13 to 14</p>
    <p>14 to 15</p>
    <p>15 to 16</p>
    <p>16 to 17</p>
    <p>17 to 18</p>
    <p>18 to 19</p>
    <p>19 to 20</p>
    <p>20 to 21</p>
</div>
<div id="cells">
<p>Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here,Content Here, Content Here, Content Here, Content Here, Content Here, Content Here</p><p>Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here,Content Here, Content Here</p><p>Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here,Content Here, Content Here, Content Here, Content Here, Content Here, Content Here</p><p>Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here,Content Here, Content Here</p><p>Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here,Content Here, Content Here, Content Here, Content Here, Content Here, Content Here</p><p>Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here,Content Here, Content Here</p><p>Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here,Content Here, Content Here, Content Here, Content Here, Content Here, Content Here</p><p>Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here,Content Here, Content Here</p><p>Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here, Content Here,Content Here, Content Here, Content Here, Content Here, Content Here, Content...

CSS

#days{
	display:block;
    position:absolute;
    width:900px;
    height:40px;
    line-height:40px;
    font-size:20px;
    overflow:auto;
    top:0;
    left:0;
    background-color:aqua;
    z-index:2;
    white-space: nowrap;
}

#hours{
	display:block;
    position:absolute;
    line-height:30px;
    width:80px;
    text-align:right;
    font-size:20px;
    height:400px;
    line-height:40px;
    overflow:auto;
    top:40px;
    left:0;
    background-color:gold;
    z-index:1;
}

#cells{
	display:block;
    position:absolute;
    width:820px;
    height:400px;
    line-height:20px;
    overflow:auto;
    top:40px;
    left:80px;
    z-index:0;
    white-space: nowrap;
}

JavaScript

$('#cells').on('scroll', function () {
    $('#hours').scrollTop($(this).scrollTop());
    $('#days').scrollLeft($(this).scrollLeft());
});
$('#hours').on('scroll', function () {
    $('#cells').scrollTop($(this).scrollTop());
});
$('#days').on('scroll', function () {
    $('#cells').scrollLeft($(this).scrollLeft());
});