PDA

View Full Version : header height of 63px for example masks 3 rows on the top...



Christian
10 Oct 2006, 6:42 AM
Hello,

I am trying to use the grid on a quite simple example and I try to write "3 lines" headers
for example:

Number of
Bytes
(Mb)

So, I defined
.ygrid-Christian .ygrid-hrow
{
height: 63px;
BORDER-BOTTOM: #6593cf 1px solid;
BACKGROUND-COLOR: #527dad
}

It works fine, the header appears to write on 3 lines, but scroll bar and Top rows are masked...
'Sounds like there is another place in the CSS where I must set height: 63px;

Thanks for your help.
Christian.

jack.slocum
10 Oct 2006, 7:17 AM
The top attribute on .ygrid-wrap is what you are looking for.



.ygrid-wrap {
height: 100%;
left: 0;
overflow: auto;
position: relative;
top: 22px;
width: 100%;
}

Christian
10 Oct 2006, 7:36 AM
Yes!!! Great! It works very fine..

By the way - I'm sorry, but - do you know if it's possible to have a row (something like a "Total" row at bottom of the grid) that would'nt be sorted and always stay at the bottom?

jack.slocum
10 Oct 2006, 8:04 AM
It could be done manually in the footer block but it would take a bit of code. It isn't implemented by default though.

Steps to create it would be something like:

-> render to match a row, with the row container having position relative instead of absolute.
-> columns must have same column rule (ygrid-col-n) so that they maintain same widths
-> listen for "bodyscroll" event on the grid and set your bogus row's scrollLeft to that passed to your event handler (so it scrolls sideways with the body)

This should work, although it is completely hypothetical with no guarantees. :)