css:tableがスマホの画面からはみ出る→横スクロール対応

.tbl { width:100%; }

.tbl_scroll {
	overflow: auto;
	white-space: nowrap;
}
/* ↓はなくても良い */
.tbl_scroll::-webkit-scrollbar { height: 10px; }
.tbl_scroll::-webkit-scrollbar-track { background: #eee; }
.tbl_scroll::-webkit-scrollbar-thumb { background: #ddd;}

<div class="tbl_scroll">

<table class="tbl">
<tr><th>A</th><th>B</th><th>C</th><th>D</th><th>E</th></tr>
<tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td></tr>
<tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td></tr>
<tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td></tr>
<tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td></tr>
</table>

</div>