スマホでテーブルタグを横にスクロールできるようにする。

スマホのwidthを超えるテーブルは、スクロールできるようにする。

/*
 jQuery
 tableがあるごとに、divタグでtableを覆う
*/
$("table").each(function(){
	$(this).wrap("<div class='table_box'></div>");
});


/*
 divタグはスクロールが表示するよう設定
 tableは、firefox系とchrome,safari系を用意
 ※スマホ用なので、IE、Operaは無視。
*/
.table_box {
    overflow: auto;
    width: 100%;
}
.table_box table {
    width: -moz-max-content;
    width: -webkit-max-content;
}