JSFiddle - React, Tailwind, and code Playground

by neonms92

HTML

<div class="table">
    <div class="header row">
        <div class="manager cell">Manager</div>
        <div class="project cell">Project</div>
        <div class="employee cell">Employee</div>
        <div class="week cell">3/16</div>
        <div class="week cell">3/23</div>
        <div class="week cell">3/30</div>
        <div class="week cell">4/6</div>
        <div class="week cell">4/13</div>
    </div>
    <div class="header1 row">
        <div class="manager cell">Graham</div>
        <div class="project cell"></div>
        <div class="employee cell"></div>
        <div class="week cell">45</div>
        <div class="week cell">45</div>
        <div class="week cell">45</div>
        <div class="week cell">45</div>
        <div class="week cell">45</div>
    </div>
    <div class="header2 row">
        <div class="manager cell"></div>
        <div class="project cell">Project A</div>
        <div class="employee cell"></div>
        <div class="week cell">45</div>
        <div class="week cell">45</div>
        <div class="week cell">45</div>
        <div class="week cell">45</div>
        <div class="week cell">45</div>
    </div>
    <div class="row">
        <div class="manager cell"></div>
        <div class="project cell"></div>
        <div class="employee cell">Jo</div>
        <div class="week cell">45</div>
        <div class="week cell">45</div>
        <div class="week cell">45</div>
        <div class="week cell">45</div>
        <div class="week cell">45</div>
    </div>
    <div class="row">
        <div class="manager cell"></div>
        <div class="project cell"></div>
        <div class="employee cell">Joe</div>
        <div class="week cell">45</div>
        <div class="week cell">45</div>
        <div class="week cell">45</div>
        <div class="week cell">45</div>
        <div class="week cell">45</div>
    </div>
    <div class="header2 row">
        <div class="manager cell"></div>
        <div class="project cell">Project...

CSS

div .table {
    display:table;
    border-top:1px solid black;
    border-left:1px solid black;
}

div .row {
    display:table-row;
}

div .cell {
    display:table-cell;
    border-bottom:1px solid black;
    border-right:1px solid black;
    padding:3px;
}