关于easyUI的滚动条不显示问题细节研究

最新推荐文章于 2022-02-25 14:57:23 发布

乐在‘奇’中

最新推荐文章于 2022-02-25 14:57:23 发布

阅读量2.6k

点赞数 1

本文链接：https://blog.csdn.net/qq_42689281/article/details/88613756

版权

近期赶项目修bug时，发现一个关于easyUI的滚动条不显示的问题，拿出来晒晒
在做后台的一个列表时，已经完成了，只是没有展示滚动条，也没有分页，但在后期测试时由于鼠标滚轮坏了，有没有滚动条往下拖动，造成只能看到一部分的数据导致的bug（鼠标的滚轮的坏了也能造成bug，想想都是泪，那一瞬间仿佛看到了宇宙毁灭）
上图
在这里插入图片描述
jsp代码如下

<thead data-options="frozen:true">//这一行导致的滚动条无法显示
                <tr>
                    <th data-options="field:'opt',width:120,align:'center',formatter:optFormatter">操作</th>
                    <th data-options="field:'productId',width:30,align:'center'">ID</th>
                    <th data-options="field:'productName',width:280,align:'left',halign:'center',sortable:true">产品名称</th>
                </tr>
            </thead>

其实easyUI是自带滚动条的，他数据的高度或宽度超出其页面的高度或宽度时，就会自动显示滚动条，但当加上上面哪一行注释的代码里面的属性时就会将滚动条覆盖，不会展示滚动条，假如你的鼠标滚轮刚好坏了，对不起你是拖不动滚动条的，因为你看不到，今天就到这里，虽然不是什么大问题，但也想分享一下，有什么说的不对的地方，望指正，不喜勿喷！！！！！！！！