Horizontal scroll bar clipped
870 views
Skip to first unread message
mv10
Apr 20, 2011, 7:55:40 AM4/20/11
to SlickGrid
I am new to SlickGrid, but all I'm doing at the moment is a hard-coded
mockup screen for a new project. At the moment I've just modified the
columns and data from the simplest example page -- the grid isn't
really the focus of the mockup.
My problem would seem to be simple enough: If the grid viewport is
narrow enough to require horizontal scrolling, the scrollbar is
clipped to the top few pixels.
The grid is inside a resizable pane but that isn't relevant to the
problem: I don't normally apply any fixed width, but the clipping
still happens if I move the div out to the body and force a narrow
width in the style tag. The height is set to 85% because of the
resizable pane (and my need for a little whitespace between the bottom
of the grid and the pane border), but I have reproduced the issue with
fixed height values. No other styles are applied except those from
jQueryUI and SlickGrid's own CSS.
It happens in IE9, FF4, and whatever Chrome I happen to have
installed. It seems to work fine other than this display problem.
Is there maybe a unit-size that I need to apply to the grid? That will
be sort of annoying given the container is resizable, but not the end
of the world.
mockup screen for a new project. At the moment I've just modified the
columns and data from the simplest example page -- the grid isn't
really the focus of the mockup.
My problem would seem to be simple enough: If the grid viewport is
narrow enough to require horizontal scrolling, the scrollbar is
clipped to the top few pixels.
The grid is inside a resizable pane but that isn't relevant to the
problem: I don't normally apply any fixed width, but the clipping
still happens if I move the div out to the body and force a narrow
width in the style tag. The height is set to 85% because of the
resizable pane (and my need for a little whitespace between the bottom
of the grid and the pane border), but I have reproduced the issue with
fixed height values. No other styles are applied except those from
jQueryUI and SlickGrid's own CSS.
It happens in IE9, FF4, and whatever Chrome I happen to have
installed. It seems to work fine other than this display problem.
Is there maybe a unit-size that I need to apply to the grid? That will
be sort of annoying given the container is resizable, but not the end
of the world.
Daniel Griffith
Apr 21, 2011, 8:57:49 AM4/21/11
to slic...@googlegroups.com
It sounds like it might be an HTML/CSS issue, rather than a SlickGrid one, but
I might not be understanding the exact situation. Check out this link for good
information about the padding and margin style settings.
http://lkamal.blogspot.com/2006/12/margin-vs-padding-css-properties.html
If the grid is inside a table, also check into information about the cell padding and
cell spacing attributes.
http://lkamal.blogspot.com/2008/08/cellspacing-vs-cellpadding-table.html
--dang
I might not be understanding the exact situation. Check out this link for good
information about the padding and margin style settings.
http://lkamal.blogspot.com/2006/12/margin-vs-padding-css-properties.html
If the grid is inside a table, also check into information about the cell padding and
cell spacing attributes.
http://lkamal.blogspot.com/2008/08/cellspacing-vs-cellpadding-table.html
--dang
mv10
Apr 21, 2011, 1:11:57 PM4/21/11
to SlickGrid
Yeah, I understand margins and padding... and I agree it's probably a
CSS problem.
But more specifically, I think it's a SlickGrid CSS problem.
I was just hoping somebody else had seen this before.
On Apr 21, 8:57 am, Daniel Griffith <daniel.dang.griff...@gmail.com>
wrote:
CSS problem.
But more specifically, I think it's a SlickGrid CSS problem.
I was just hoping somebody else had seen this before.
On Apr 21, 8:57 am, Daniel Griffith <daniel.dang.griff...@gmail.com>
wrote:
> It sounds like it might be an HTML/CSS issue, rather than a SlickGrid one,
> but
> I might not be understanding the exact situation. Check out this link for
> good
> information about the padding and margin style settings.http://lkamal.blogspot.com/2006/12/margin-vs-padding-css-properties.html
> but
> I might not be understanding the exact situation. Check out this link for
> good
Ates Goral
Nov 21, 2011, 3:21:44 AM11/21/11
to slic...@googlegroups.com
Bump!
Yeah, I've seen this problem as well. It looks like SlickGrid is disregarding the padding of the container. In my case, the container is the "center" pane of a layout created with the jQuery Layout plug-in.
Gerardo Pacheco Chalchis
Nov 21, 2011, 4:06:19 AM11/21/11
to slic...@googlegroups.com
sorry
--
Gerardo Pacheco
could put a screen of your problem
regards
regards
Gerardo Pacheco
Don Hughes
Jul 12, 2012, 12:33:23 PM7/12/12
to slic...@googlegroups.com
Me too.
Something is up with the passing at the bottom. If you add a padding: 0px 0px 100px 0px; to the CSS for the div you create the grid with you can see the scrolling go horribly wrong. Is there a fix for this?
Michael Leibman
Aug 6, 2012, 7:47:37 PM8/6/12
to slic...@googlegroups.com
Reply all
Reply to author
Forward
0 new messages