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

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

猜你喜欢

转载自blog.csdn.net/qq_42689281/article/details/88613756