集约化平台在线指南

宽大表格在移动端显示的处理方式

时间 : 2023-01-17 15:10:21 来源 : 南方网 【字体: 【打印】

由于移动端设备视口宽度比较小,当表格使用固定布局且设置了较大宽度时(例如 700px),那么就会造成在移动端设备下显示效果不佳。这里提供2种处理方式:


1. 直接使用截图去显示表格。

2. 引入移动端表格显示插件,由插件去完成表格的滚动显示。

    在页面最底部引入fixed-table-show.js(见附件)即可,会自动执行一次。

    <script src='fixed-table-show.js的地址' ></script>

    如果需要手动执行(一般出现在动态渲染的页面),则执行:

    <script>

          window.changeTableScroll();

    </script>


附件:

fixed-table-show.js.zip