GridView working with External Stylesheet and CssClass

  • Thread starter Thread starter JB
  • Start date Start date
J

JB

Hello

I have an external style sheet in my web application. But I want need
fixed headers on my GridView and scroll through the GridView data.

I can do it when I put the following code Style within the <head> </head>:

.header
{
font-weight:bold;
position:absolute;
background-color:White;

}

and put the following in my <HeaderStyle> in my GridView:

<HeaderStyle CssClass="header" Height="20px" />

and lastly comment out my external stylesheet the GridView Header will be
fixed and I can scroll thru the GridView.

The problem is that I need the External stylesheet because I have to
position the GridView on the web page and I have to position all of the other
controls on the web page using the External stylesheet.

I cannot get rid of the external stylesheet is there any work-around that I
can still utilize the style declarations with my external stylesheet?

JB
 
My understanding is that this style doesn't work when you apply your
external stylesheet so you have likely a conflict with other styles declared
in this stylesheet. You could use a tool to find out the conflicting style
(firebug or IE developer tollbar and inspect the style applied to the
header).
 
Hi JB,

The Height property on HeaderStyle renders a style attribute on the table
row, like this:

<tr class="header" style="height:20px;">

Because you've also specified a CSS class, just add "height: 20px;" to the
header CSS class in your external stylesheet and delete the Height property
from the GridView HeaderStyle properties. This should achieve what you want.

Regards,
 
Back
Top