Extjs4 设置panel内部的gridpanel的滚动条

2023-05-06,,

grid 的实际宽度大于其父容器panel的时候,超出的1部分表格被默认隐藏,滚动条不见了。

这时候我们一般要做两件事 1.把滚动条找回来,2.将滚动条放到panel上,

这样子才能最大程度上满足用户使用感受,


解决方案如下:

其实很简单,只要配置下grid 两个属性:

 1. width: 2620, (grid的真实宽度,值一般都比较大)  ;

  2.bodyStyle: 'overflow-x:hidden; overflow-y:hidden',(隐藏grid滚动条)。

3.一般这样之后就ok了,有时候可能父容器panel的属性还要设置下 autoScroll:true,但是Extjs默认就是如此,一般是在受到其他组件影响的情况后才需要去设置。


某效果图如下:



《Extjs4 设置panel内部的gridpanel的滚动条.doc》

下载本文的Word格式文档,以方便收藏与打印。