Pending Review
Last Updated: 30 May 2018 08:28 by Arnstein
Arnstein
Created on: 16 Dec 2015 13:23
Category: Grid
Type: Feature Request
3
RadGrid: New type of static (or floating) header
In RadGrid, we can use the ClientSettings.Scrolling.UseStaticHeaders property to have a fixed header when scrolling the grid. This requires a fixed height of the grid. However, what if we do not want a fixed height of the grid, but rather want the grid to flow down the page, using as much space as necessary do display its records. In such a scenario, the grid header will disappear when we scroll down the page.
I have implemented a kind of fix for this in one of my projects. Instead of trying to explain how it works, I have prepared an example. You can find it here:
http://www.ifag.no/RadGridHeader.aspx
Maybe some of you can suggest even better solutions to the scenario I have described. Comments are welcome!
4 comments
Arnstein
Posted on: 30 May 2018 08:28
Good news: Firefox now supports position:sticky on table elements.
Bad news: Using <ColumnGroups> (MultiColumn Headers) will spoil the position:sticky solution given above.

Arnstein
Arnstein
Posted on: 24 Nov 2017 10:05
This feature could have been implemented using only one css ruleset:
<style>
	div.RadGrid > table > thead > tr > th {
		position:sticky;
		top:0;
		z-index:1;
	}
</style>
Unfortunately, Firefox doesn't support position:sticky for table elements (yet):
https://bugzilla.mozilla.org/show_bug.cgi?id=975644

Hopes this inspires someone...

Arnstein
Arnstein
Posted on: 10 Nov 2016 15:45
Vicor,
The code is client-side only (javascript, jquery and some CSS). Feel free to View code. Please look for the pageLoad() and $(document).ready() functions in the last script block.
I have to add that this is done for demonstration purposes only, it's not production code (I would like Telerik to do it the right way). 

Regards,

Arnstein
Vicor
Posted on: 13 Oct 2016 12:13
Hello, 
please could you share with us the parameters and coding that you implemented in the server and in the client code ?
Kind regards, 

Vincent