スマートフォンで横スクロールするはみ出したtableを実装する方法

Tweet

Pocket

スマートフォンで横スクロールするはみ出したtableを実装するには、以下のように書きます。
* .table_wrapはtableの親要素

.table_wrap {
overflow: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
table {
width: 100%;
}