Paramter to disable scrollbar about dgrid HOT 9 CLOSED

Ok.. then you could provide the following CSS-sample for disabling scrolling:

.dgrid {
height: auto;
background: #eee;
}
.dgrid .dgrid-scroller {
position: relative;
overflow-y: hidden;
margin-top: 0 !important;
}

from dgrid.

I found those styles work great with a regular dgrid. When I added CompoundColumns to the dgrid the child header appeared hidden. I added the following styles to a grid with compound columns to reveal the header.

#grid .dgrid-header {
position: relative;
}

#grid .dgrid-scroller{
margin-top:0px;
}

I had to set the margin-top to 0 for the dgrid-scroller as it had a 25px margin with the dgrid-header style that I added.

from dgrid.

One of the goals of dgrid is to utilize CSS to configure the presentation as much as possible to improve performance, minimize size, and maximize intuitive inspector based introspect. Parameter based visual configuration is something we are trying to avoid.

from dgrid.

We do need to provide more documentation on how to do this type of thing though.

from dgrid.

Awesome, thank you!

from dgrid.

@ivarconr

So the styles that work the best are:
#grid {
height: auto;
}
#grid .dgrid-scroller {
position: relative;
overflow-y: hidden;
}
#grid .dgrid-header-scroll {
display: none;
}
#grid .dgrid-header {
right: 0;
}

You can see this in action in the tests: extensions/Pagination.html and autoheight.html.

from dgrid.

I know this is closed, but you can also add class "dgrid-autoheight" to get the auto height effect
https://github.com/SitePen/dgrid/blob/master/css/dgrid.css#L127

Also see this nicely documented issue
https://github.com/SitePen/dgrid/blob/1767584e861f2d5aeb5f8a36de0973eef6660411/doc/usage/Styling-dgrid.md#the-dgrid-autoheight-class

from dgrid.

I have big problem with render in windows a header and column are not aligned the scrollbar is a problem if there is lot of row. i don't resolve with css becouse if i add row the grid appear.

How resolve this big big big problem

from dgrid.

@gladenko how many rows is a lot of rows in your case? I wonder if you are reaching the maximum height within various browsers?

from dgrid.