由于移动端设备视口宽度比较小,当表格使用固定布局且设置了较大宽度时(例如 700px),那么就会造成在移动端设备下显示效果不佳。这里提供2种处理方式:
1. 直接使用截图去显示表格。
2. 引入移动端表格显示插件,由插件去完成表格的滚动显示。
在页面最底部引入fixed-table-show.js(见附件)即可,会自动执行一次。
<script src='fixed-table-show.js的地址' ></script>
如果需要手动执行(一般出现在动态渲染的页面),则执行:
<script>
window.changeTableScroll();
</script>
附件: