Scroll table

by Michael Danilov

HTML

<div class="table-wrapper">
  <table class="table">
    <tbody>
      <tr>
        <td>Lorem, ipsum dolor</td>
        <td>sit amet consectetur</td>
        <td>adipisicing elit.</td>
        <td>Alias, nostrum atque veritatis</td>
        <td>reiciendis dolor dolorum</td>
      </tr>
      <tr>
        <td>Lorem, ipsum dolor</td>
        <td>sit amet consectetur</td>
        <td>adipisicing elit.</td>
        <td>Alias, nostrum atque veritatis</td>
        <td>reiciendis dolor dolorum</td>
      </tr>
      <tr>
        <td>Lorem, ipsum dolor</td>
        <td>sit amet consectetur</td>
        <td>adipisicing elit.</td>
        <td>Alias, nostrum atque veritatis</td>
        <td>reiciendis dolor dolorum</td>
      </tr>
      <tr>
        <td>Lorem, ipsum dolor</td>
        <td>sit amet consectetur</td>
        <td>adipisicing elit.</td>
        <td>Alias, nostrum atque veritatis</td>
        <td>reiciendis dolor dolorum</td>
      </tr>
      <tr>
        <td>Lorem, ipsum dolor</td>
        <td>sit amet consectetur</td>
        <td>adipisicing elit.</td>
        <td>Alias, nostrum atque veritatis</td>
        <td>reiciendis dolor dolorum</td>
      </tr>
    </tbody>
  </table>
</div>

CSS

body {
  min-width: 320px;
  overflow: hidden;
  margin: 0;
}

.table-wrapper {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table {}