JSFiddle - React, Tailwind, and code Playground

HTML

<div class='table-wrapper'>
    <div class='header'>
        <div class='row'>
            <div class='cell'>Problem</div>
            <div class='cell'>Problem</div>
            <div class='cell'>Problem</div>
            <div class='cell'>Problem</div>
            <div class='cell'>Problem</div>
            <div class='cell'>Problem</div>
            <div class='cell'>Problem</div>
        </div>
    </div>
    <div class = 'body'>
       <div class='row'>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
        </div>
         <div class='row'>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
        </div>
         <div class='row'>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
        </div>
         <div class='row'>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
              <div class='cell'>Problem</div>
        </div> <div class='row'>
              <div class='cell'>Problem</div>
              <div...

CSS

.row {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  
}

.table-wrapper{
  width: 300px;
  overflow-x: auto;
}

.cell {
  padding: 3px 10px;
}

.body {
  background-color: #ddd;
  height: 200px;
  width: max-content;
  overflow-y: auto;
}