JSFiddle - React, Tailwind, and code Playground

HTML

<div class='table-block'>
  <div class='table-header'>
      <div>
         header 1
      </div>
      <div>
         header 1
      </div>
      <div>
         header 1
      </div>      
      <div>
         header 1
      </div>
  </div>
    <div class='table-body'>
      <div>
         body 1
      </div>
      <div>
         body 1
      </div>
      <div>
         body 1
      </div>      
      <div>
         body 1
      </div>
  </div>
      <div class='table-body'>
      <div>
         body 1
      </div>
      <div>
         body 1
      </div>
      <div>
         body 1
      </div>      
      <div>
         body 1
      </div>
  </div>
      <div class='table-body'>
      <div>
         body 1
      </div>
      <div>
         body 1
      </div>
      <div>
         body 1
      </div>      
      <div>
         body 1
      </div>
  </div>
      <div class='table-body'>
      <div>
         body 1
      </div>
      <div>
         body 1
      </div>
      <div>
         body 1
      </div>      
      <div>
         body 1
      </div>
  </div>
      <div class='table-body'>
      <div>
         body 1
      </div>
      <div>
         body 1
      </div>
      <div>
         body 1
      </div>      
      <div>
         body 1
      </div>
  </div>
      <div class='table-body'>
      <div>
         body 1
      </div>
      <div>
         body 1
      </div>
      <div>
         body 1
      </div>      
      <div>
         body 1
      </div>
  </div>
      <div class='table-body'>
      <div>
         body 1
      </div>
      <div>
         body 1
      </div>
      <div>
         body 1
      </div>      
      <div>
         body 1
      </div>
  </div>
      <div class='table-body'>
      <div>
         body 1
      </div>
      <div>
         body 1
      </div>
      <div>
         body 1
      </div>      
      <div>
         body 1
      </div>
  </div>
      <div class='table-body'>
      <div>
         body 1
      </div>
     ...

CSS

.table-block{
  overflow: auto;
}

.table-header{
  display: table;
  table-layout: fixed;
  width: 100%;
}

.table-header > div{
  display: table-cell;
  border: 1px solid;
  width: 1000px;
}

.table-body{
  display: table;
  table-layout: fixed;
  width: 100%;
}

.table-body > div{
  display: table-cell;
  border: 1px solid;
  width: 1000px;
}