JSFiddle - React, Tailwind, and code Playground

HTML

<div class="body">
  <div>
    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae aut voluptatibus, ex quos inventore rerum in dolorem facilis eligendi necessitatibus. Porro cupiditate eum laborum exercitationem excepturi, voluptate optio eius cum.
  </div>
  <div>
    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae aut voluptatibus, ex quos inventore rerum in dolorem facilis eligendi necessitatibus. Porro cupiditate eum laborum exercitationem excepturi, voluptate optio eius cum.
  </div>
  <div>
    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae aut voluptatibus, ex quos inventore rerum in dolorem facilis eligendi necessitatibus. Porro cupiditate eum laborum exercitationem excepturi, voluptate optio eius cum.
  </div>
  <div class="table-wrapper">
    <table>
      <thead>
        <tr>
          <th>head-1</th>
          <th>head-2</th>
          <th>head-3</th>
          <th>head-4</th>
          <th>head-5</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>some data 1</td>
          <td>some data 1</td>
          <td>some data 1</td>
          <td>some data 1</td>
          <td>some data 1</td>
        </tr>
        <tr>
          <td>some data 1</td>
          <td>some data 1</td>
          <td>some data 1</td>
          <td>some data 1</td>
          <td>some data 1</td>
        </tr>
        <tr>
          <td>some data 1</td>
          <td>some data 1</td>
          <td>some data 1</td>
          <td>some data 1</td>
          <td>some data 1</td>
        </tr>
        <tr>
          <td>some data 1</td>
          <td>some data 1</td>
          <td>some data 1</td>
          <td>some data 1</td>
          <td>some data 1</td>
        </tr>
        <tr>
          <td>some data 1</td>
          <td>some data 1</td>
          <td>some data 1</td>
          <td>some data 1</td>
          <td>some data 1</td>
        </tr>
        <tr>
          <td>some data 1</td>
          <td>some data...

CSS

.table-wrapper {
  width:200px;
  overflow-x:scroll;
}
th {
  position: sticky;
  top:0px;
}
th, td {
  background: white;
  width: 50px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}