超宽的表格在手机移动端无法显示全的解决方法

　　手机移动端设备可视区域宽度一般比较小(普遍都小于400px)，当表格table使用固定宽度或者列数较多时，表格会撑破布局显示到屏幕以外，那么就会造成在移动端设备下显示效果不佳。

　　一般有两种处理方式：

　　1.、将表格截图，直接用图片来展示表格内容。优点是通过简单的css就可以让它适应各种屏幕，缺点也很明显，显示不清楚，往往需要点击放大图片来查看表格内容。

　　2.、使用js来进行移动端的表格适配，实现表格左右滑动展示，超宽的表格可以在被页面进行左右滑动查看。

　　在页面最底部引入js即可，会在页面加载时自动执行。

　　如果需要手动执行(一般出现在动态渲染的页面)，则在js后执行：

　　window.changeTableScroll();

　　fixed-table-show.js的具体内容如下：

window.changeTableScroll = function() {
	$('body').find('table').each(function () {
        var $this = $(this);

        if ($this.parent().hasClass('s--with-scroll')) {
        	return;
        }
        // 当大于300时出现滚动条。
        if ($this.width() > 300) {
        	$this.wrap('<div class="s--with-scroll" style="overflow-x: auto;width: 100%">');
        }
    });
}

$(function () {
    window.changeTableScroll();
})