No Horizontal Scroll Bar While No Is Data Found

In my case which has more columns than are displayed , there exists horizontal scroll bar while the grid contains data, but does not while the grid contains no data. How can I show the horizontal scroll bar while no data is found in the grid.

p.s. I had tried with obj.getTemplate("layout").action("adjustSize");
, but it did not work in my case.

Thanks for your help!!! :)

.active-scroll-bars {overflow-x: scroll; }

thanks for your reply, but it doesn't work in my case....

I am curious about why the scroll bar disappears while there is no data in the grid though there are columns more than are displayed.... :)

I have the same problem , any solutions yet ?

I think this is a bug.
Modify the file source\lib\templates\scroll.js Row140-145

space.runtimeStyle.height = data.scrollHeight > data.offsetHeight ? data.scrollHeight : 0;
space.runtimeStyle.width = data.scrollWidth > data.offsetWidth ? data.scrollWidth : 0;

like this

var c = this.getColumnProperty("count");
var i = this.getTopTemplate().getId();
var w = 0;
for(var j = 0; j < c; j++)
w += document.getElementById( i + ".item:" + j ).scrollWidth;
space.runtimeStyle.height = data.scrollHeight > data.offsetHeight ? data.scrollHeight : 0;
space.runtimeStyle.width = data.scrollWidth > data.offsetWidth ? data.scrollWidth : w;

to fix this bug.

please modify the code

var w = 0;

to

var w = (!window.HTMLElement) ? 0 : 20;

for firefox

Thank you, Sage. It works!! :)

I was having a similar problem where having more columns than the width of the window resulted in a horizontal scrollbar showing up in Firefox, but not IE. I first tried to fix the stylesheet:

.active-scroll-bars {overflow-x: scroll; }

That added a gray-ed out horizontal scrollbar in IE, so I tried Sage's code next. It fixed things partially. It made the scrollbar appear, and the header rows moved when I scrolled, but the data rows remained in place.

Any suggestions would be appreciated.

realized it was just a type-o in my css. I had misspelled overflow in the following line:

.active-scroll-data{position:absolute;overflow:hidden;top:0px;left:0px;width:100%;height:100%;padding:18px 0px 0px 0px;z-index:1;}