View Full Version : Proper fill for grid panel empty space beneath last row

20 Nov 2012, 3:53 PM
ExtJS v4.1.1a

I have a grid panel.
It displays a fixed number of items (though their height is somewhat variable).
The grid panel has a fixed height (tall enough that all items display...regardless of their height, with no scroll bar).
I'm using a row numbering column (first).

The problem is that there is a variable amount of white space between the bottom of the listed items and the page control.

Is there a reasonably simple way to get a cross browser friendly fill for the empty space that just looks like an empty row (first cell with the shading for a row numbering column etc.)?

A bodyCls doesn't seem to work...the row numbering fill is different depending on the browser (gradient for recent browsers, but solid for older ones).

I'm looking for suggestions to try.



22 Nov 2012, 6:24 AM
You can change the css of the body background. Have you thought of letting it auto height?

22 Nov 2012, 7:46 AM
I am currently taking the approach of chaning the background css...I have a hoop to jump through due to rendering for older browsers, but it's an "OK" solution.

I've got a paging tool bar docked at the bottom, and we don't want it contantly moving around, so shrinking the control isn't really an option here.