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