jQuery Grid Plugin - jqGrid - Topic: grid scroll bar column sits outside of grid parent http://www.trirand.com/blog/?page_id=393/bugs/grid-scroll-bar-column-sits-outside-of-grid-parent-1 Simple:Press Version 5.7.5.3 macbuoy on grid scroll bar column sits outside of grid parent http://www.trirand.com/blog/?page_id=393/bugs/grid-scroll-bar-column-sits-outside-of-grid-parent-1#p17761 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scroll-bar-column-sits-outside-of-grid-parent-1#p17761 that looks promising. Thanks!

]]> Sat, 05 Jun 2010 00:49:39 +0300 tony on grid scroll bar column sits outside of grid parent http://www.trirand.com/blog/?page_id=393/bugs/grid-scroll-bar-column-sits-outside-of-grid-parent-1#p17571 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scroll-bar-column-sits-outside-of-grid-parent-1#p17571 Hello,

Initially we use innerWidth to determine the width of the parent element.

By definition innerWidth has the following:

Returns the width of the browser's client area, including the vertical scrollbar, if rendered.

http://help.dottoro.com/ljkfqbqj.php

It seems like we should use the clientWidth

Will test this

Best Regards

Tony

]]> Sun, 30 May 2010 12:15:56 +0300 macbuoy on grid scroll bar column sits outside of grid parent http://www.trirand.com/blog/?page_id=393/bugs/grid-scroll-bar-column-sits-outside-of-grid-parent-1#p17556 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scroll-bar-column-sits-outside-of-grid-parent-1#p17556 Tony,

Here is the CSS for that DIV:

.stage_section {
background-color: white;
border-bottom: 1px solid #4C6D89;
border: 1px solid;
border-right: 1px solid #4C6D89;
color: black;
font-size: 14px;
margin: 0px 0px 20px;
width: 99.8%;
}
Do you think the 99.8% is messing me up?
--David
]]> Sat, 29 May 2010 00:06:25 +0300 tony on grid scroll bar column sits outside of grid parent http://www.trirand.com/blog/?page_id=393/bugs/grid-scroll-bar-column-sits-outside-of-grid-parent-1#p17529 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scroll-bar-column-sits-outside-of-grid-parent-1#p17529 Hello,

I see the problem. Could you please give me a info about the parent div – i.e the div where the grid is inside.

Also I'm interested on the style and css definitions. I think that the problem is in this div.

Regards

Tony

]]> Fri, 28 May 2010 10:11:47 +0300 macbuoy on grid scroll bar column sits outside of grid parent http://www.trirand.com/blog/?page_id=393/bugs/grid-scroll-bar-column-sits-outside-of-grid-parent-1#p17309 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scroll-bar-column-sits-outside-of-grid-parent-1#p17309 The problem seems to be that, when the browser scroll-bar is present, the initial load of the grid results in the grid scroll-bar sitting outside of the grid parent element. My grids all sit inside a parent DIV which provides an external title bar and external buttons to the grid.

See the video for a demonstration in Chrome (I have reproduced the problem in IE8, Firefox and Chrome).
http://screencast.com/t/ZjdkYjQ4

I'm Using jqGrid 3.6.5

The video begins showing a grid after initial load with few grid items (no grid scroll-bar), no browser scroll-bar, autoWidth:true and shrinkToFit:true

@ 10 seconds: I resize the browser to introduce its vertical scroll bar
@ 20 seconds: I demonstrate my custom window.resize setGridWidth() tracking 
@ 26 seconds: I reload the page with the same grid and demonstrate that the presence of the browser scroll-bar seems to cause the last grid column to overhang the parent element.
@ 38 seconds: I load a page with enough grid items to introduce the grid scroll-bar and demonstrate again that the presence of the browser scroll-bar seems to cause the grid scroll-bar column to overhang the parent element.
@ 47 seconds: I demonstrate again my custom window.resize setGridWidth() tracking AND how hitting setGridWidth() easily pulls the grid scroll-bar back inside the parent element.
@ 49 seconds: I eliminate the browser scroll-bar
@ 54 seconds: I reload the page and show the problem is gone when the browser scroll-bar is gone
@ 1 minute 3 seconds: I repeat most of the demo. 

]]> Wed, 19 May 2010 18:56:12 +0300