當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默認就是如此,一般是在受到其他組件影響的情況後才需要去設置。
某效果圖如下: