Freeze Headers Spikes CPU

[Ben]

Hi guys,

i'm using this CSS style on my table header rows (gridview in my case)
in order to freeze them from scrolling.

..LockedHeaderCell
{
position:relative;
z-index:1;
top:expression(this.offsetParent.scrollTop);
}


It works, but two issues with this approach:

1) it causes the CPU to spike when the table is scrolled
2) it's IE specific

Is there any alternative? especially to solve issue #1... i'm not as
concerned about it only working on IE, since that's my target
platform.

Thanks so much for any advice!!

 

[Ben]

Hi guys,

i'm using this CSS style on my table header rows (gridview in my case)
in order to freeze them from scrolling.

.LockedHeaderCell
{
    position:relative;
    z-index:1;
    top:expression(this.offsetParent.scrollTop);

}

It works, but two issues with this approach:

1) it causes the CPU to spike when the table is scrolled
2) it's IE specific

Is there any alternative?  especially to solve issue #1... i'm not as
concerned about it only working on IE, since that's my target
platform.

Thanks so much for any advice!!

I found out my main issue of CPU spiking was when I was freezing the
first Column as well... using this css:

.LockedColumnCell
{
background-color:beige;
position:relative;
z-index:1;
left:expression(this.offsetParent.scrollLeft);
}

The strange thing is that just moving the mouse on the screen caused
the CPU to spike... I wonder why?!? shouldn't it only be 'working'
when the window is resized?