Locked Columns

[Jster]

Okay, I've been looking at locked columns samples that I have found. They all work great if you are dealing with 100 rows or less. WHen I apply the Class "locked" to the first column of the table It locks up IE. HEre is the Style that I am using:

<STYLE>
#container {
OVERFLOW: auto;WIDTH: 452px

}
.bothHeader {
LEFT: expression(document.getElementById("container").scrollLeft-1); POSITION: relative;
top: expression(document.getElementById("container").scrollTop-1); /* IE5+ only */
background-color:red;
z-index: 2;

}


th.locked {
position:relative;
cursor: default;
top: expression(document.getElementById("container").scrollTop-1); /* IE5+ only */
z-index: 1;

}

.lockedleft {
position:relative;
cursor: default;
LEFT: expression(document.getElementById("container").scrollLeft-1); POSITION: relative;
}

#scrollBody{text-align : left; width : 300px; height : 200px; overflow: auto;}
</STYLE>




I am adding the class LockedLeft to the first column in an ASP Function that builds the table. Our table has a lot of rows that collapse and hide as needed.

Thanks,
Josh
Edit/Delete Message

[Jster]

Is there any way to do this effect that will not crash IE if the amount of rows is greater than 100+?

Thanks,
Josh