<div class="js-scrollable">
		<table>
		  <thead>
			<tr>
			  <th>見出し01</th>
			  <th>見出し02</th>
			  <th>見出し03</th>
			  <th>見出し04</th>
			  <th>見出し05</th>
			</tr>
		  </thead>
		  <tbody>
			<tr>
			  <td>01:テキスト</td>
			  <td>02:テキスト</td>
			  <td>03:テキスト</td>
			  <td>04:テキスト</td>
			  <td>05:テキスト</td>
			</tr>
		  </tbody>
		</table>
	</div>
<link rel="stylesheet" href="https://unpkg.com/scroll-hint@1.0.0/css/scroll-hint.css">
<script src="https://unpkg.com/scroll-hint@1.1.2/js/scroll-hint.js"></script>
<script>
new ScrollHint('.js-scrollable', {
  i18n: {
    scrollable: 'スクロールします'
  }
});
</script>

.js-scrollable {
   overflow-x: scroll;
   width: 400px;
}

 table {
   width: 1000px;
 }

table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
}

th {
	background-color: #ffd639;
}

td, th {
    padding: 2em 3em;
    box-sizing: border-box;
    font-size: 1rem;
    text-align: center;
}