extjs grid reserveScrollbar with layout 'absolute'

Question

version : extjs-5.0

ExtJs grid has a property reserveScrollbar which reserves space for scroll bar. I've a window with layout : 'absolute' which is the container for grid.

Now the problem is, the grid doesn't reserve space for scroll bar. Many forum say the container should use layout:'fit' to make it work. However I want it to be layout : 'absolute' only.

I set exact width and height for the grid and for its columns. I expect grid to reserve space from its width.(Leaving this to Sencha).

Is there any fix for this?

absolute will create problems when app is running at differnet resolutions still it is fine for you ? — Surya Prakash Tumma, Mar 01 '17 at 06:09

chrisuae · Answer 1 · 2017-03-01T20:34:53.950

0

You could place the grid inside a container or panel that has layout: 'fit'. The container can then be within a window that has layout: 'absolute'. You can then set the height and width for the container instead of the grid.

See example fiddle here.

edited Mar 01 '17 at 20:34

answered Mar 01 '17 at 20:19

chrisuae

1,092
7
8

extjs grid reserveScrollbar with layout 'absolute'

1 Answers1