problème header gridview

Bonjour à tous

je veux fixer le header dans ma gridview j'ai fait ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
     <link rel="stylesheet" href="style.css"/>
</head>
<body>
    <form id="form1" runat="server">
 
 
 
     <div class="GVScrollCSS">
 
 
 
 
         <asp:GridView ID="GridView1" SkinID="skinGridView" runat="server" BackColor="White" BorderColor="#DEDFDE" BorderStyle="Solid" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Vertical" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" Height="162px" Width="299px">
        <RowStyle BackColor="#FFFFFF" ForeColor="#333333"/>
        <AlternatingRowStyle BackColor="#F7F7F7" ForeColor="#333333" />
        <PagerStyle BackColor="#D7D4D4" ForeColor="#316AC5" HorizontalAlign="Left" />
             <Columns>
                 <asp:BoundField DataField="agence" HeaderText="agence" SortExpression="agence" />
             </Columns>
        <HeaderStyle CssClass="gridHeader" />
</asp:GridView>
 
 
 
 
 
</div>
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:EConnectionString %>" SelectCommand="SELECT agence FROM [agence]"></asp:SqlDataSource>
    </form>
</body>
</html>

mon code de fichier css est:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
div.GVScrollCSS
{
  overflow-y: scroll;
  overflow-x: hidden;
    width: 310px;
    height: 185px;
}
 
.GVScrollFixedHeader
{
 POSITION: relative;
 
 
 
 
top: expression(alert(parentNode.id));
left:expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
 
z-index: 99; 
}

mais ça ne marche pas où est le problème?

Merci