Locking ListView’s Header and Footer with CSS
Due to some usability issues and real estate gains on the user inteface, I was thinking to find a way to lock the header (and footer as well if applicable) of a ListView control. After some googling, I found a great resource by Brett Merkey which can be easily implemented to the ListView.
I am not a CSS guru but I was brave enough to play around with the original CSS that I got from that resource, and organized my ListView’s LayoutTemplate as:
Newly modified CSS code is:
After debugging the application file with this new stylesheet, I have:
I have tested my sample code with Firefox, IE6 and IE7; and everything was seeming to work fine. You can download it via here.