jQuery Grid Plugin - jqGrid - Topic: Horizontal scrolling issue

tony on Horizontal scrolling issue

Mon, 29 Dec 2008 02:32:59 +0200

Hello,

Thanks. Sorry I did not read the complete code. But I see you add the code in setGridWidth method. This fix the problem when you use this method, but not if this is not used. I continue to find a crossbrowser solution.

Regards

Tony

gius on Horizontal scrolling issue

Tue, 23 Dec 2008 04:19:18 +0200

Btw: It does not widen the last column everytime while scrolling. Just when changing the grid's width.

gius on Horizontal scrolling issue

Tue, 23 Dec 2008 04:17:24 +0200

Right margin was the first thing I tried. But it caused some problems ...in IE8 as far as I remember. But maybe I just put the margin to the table, not the div.

tony on Horizontal scrolling issue

Tue, 23 Dec 2008 02:52:52 +0200

Hello Gius,

Good catch. Thank you. I'm not sure if this fix is right since this every time (when horizontall scroll) set the column width with +40 px. Moreover we should be sure here that this column is visibile. And the last issue it does not work correct with IE6.

I have a fix for this, but the only problem is that it does not work correct in Safarai.

The solution is simple. Find the grid.hTable and set the marginRigth to 20px. Also the code for scrolling should be removed. I will try to to find a solution for Safari.

Best Regards and Thank you again.

Tony

gius on Horizontal scrolling issue

Sun, 21 Dec 2008 13:56:32 +0200

Hi,

there is an issue with horizontal scrolling - according to the scrollbar, the table looks wider than it really is and when you try to scroll to the very right it kicks you several pixels back to left.

There is a simple workaround (hope this will not cause new problems. However, it works for me.

First, delete (or comment out) this line (around line 151 in grid.base.js) causing the "kick" back:

if(scrollLeft - this.hDiv.scrollLeft > 5) {this.bDiv.scrollLeft = this.bDiv.scrollLeft - 17;}

Then, add these lines at line 464 (before 'if(chw + testdata[1]...'):

var lastHeader = $("table thead tr:first th:last", $t.grid.hDiv); lastHeader.width(lastHeader.width() + 40);

Gius