Sticky table header

[Dariusz]

Hello again...
I'm trying to make my Grid's header sticky so when I scroll it down i Can see the header all the time on top of my website WITHOUT using ClientSide AllowScrolling and Static header/footer. It's not the same.... 

I'm trying to get something like on that website:
http://jsfiddle.net/jmosbech/stFcx/

any ideas?

[Princy]

Hello,

You can try the following CSS.

CSS:

<style type="text/css">
.RadGrid .rgHeader a
 {
   position:absolute ! important;
 }
</style>

Thanks,
Princy.

[Dariusz]

Hi,

it didn't work as I scrolled down.

[Mira]

Hello Dariusz,

Please try using the Scroll with Static Headers functionality of the RadGrid.

I hope it helps.

All the best,
Mira
the Telerik team

[Dariusz]

Hello Mira,


I understand that using that functionality would be usefull if I'd have a large amount of rows to show. 
But I show 10 rows on my table, each row has a photo so its height is pretty large. So I'm not scrolling a vertical bar of the grid. I would use it if the amount of my rows wouldn't fit inside my RadGrid's height. 


But I want to show full height of my table. Now when I scroll to position 6, 7 etc I don't remember what does those number in my table mean and I have to scroll back to the top of my grid and check header.


That's why using static headers won't help me. It must scroll with page.

[Mira]

Hello Dariusz,

Could you please examining the Scrolling demo once again with Use static headers and footers checked and let me know whether this is the desired look and if it is not, what are differences?

I am looking forward to your reply.

Kind regards,
Mira
the Telerik team

[Dariusz]

Hello Mira,

Please take a look at attached images:

scr1 - this is how your table looks like when being on 1st row
scr2 - when on bottom row (by using scroll bar inside table)
scr3 - when using scroll bar of my browser (please notice that I don't see the header anymore)
sc5 - how I'd like it to look like when using my browser's scroll bar

I hope it explains all,

Regards
Darek

[Mira]

Hello Dariusz,

The described functionality is part of your custom logic and it is out of our scope to implement it.
However, it should be achieved by integrating the jQuery from http://jsfiddle.net/jmosbech/stFcx/ with the RadGrid which is rendered as table as well.

I hope this helps.

Greetings,
Mira
the Telerik team