Search code examples
google-chromeextjsgridviewgridextjs3

Locking Grid Chrome ColumnLines alignment Issue

In the working example of Locking Grid Column Example we can see white space coming after horizontal scroll bar is scrolled to extreme right. This white space width will be more if number of unlocked columns width is more, which in-turn misplaces column lines (if columnLines:true is given) and looks odd (as shown in Figure).

White Space after horizontal scroll bar is scrolled to extreme right Surprisingly this is only happening in Chrome.

In other browsers like IE, Safari and Firefox its working fine. May be the new scrollbar style in chrome is causing this issue (where as in IE, Firefox,Safari there is normal scrollbar).

ExtJS Version : 3.4

Browser : Chrome 32.0.1700.19

Solution

  • I think that's the bug that is being discussed on this forum post. The good news is that someone there provided a good fix for it!