【转】CSS控制GridView固定表头

原文链接：http://blog.csdn.net/go5188/archive/2007/06/27/1667898.aspx

CSS代码

<style type="text/css">
     .Freezing
   {     
        position:relative ;
        table-layout:fixed;
        top:expression(this.offsetParent.scrollTop);   
        z-index: 10;
   }

.Freezing th{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px;}
</style>

调用代码

     <div style="overflow-y: scroll; height: 200px; width: 300px">     <!--设置Div带滚动条-->
            <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="3"
                 BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px"
                 Font-Size="12px" DataKeyNames="ProductID" DataSourceID="SqlDataSource1" AllowSorting="True">
                <FooterStyle BackColor="White" ForeColor="#000066" />
                <Columns>
                    <asp:CommandField ShowSelectButton="True" />
                    <asp:BoundField DataField="ProductID" HeaderText="ProductID" ReadOnly="True" SortExpression="ProductID" />
                    <asp:BoundField DataField="SupplierID" HeaderText="SupplierID" SortExpression="SupplierID" />
                    <asp:BoundField DataField="ProductName" HeaderText="ProductName" SortExpression="ProductName" />
                    <asp:BoundField DataField="CategoryID" HeaderText="CategoryID" SortExpression="CategoryID" />
                </Columns>
                <RowStyle ForeColor="#000066" />
                <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
                <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" CssClass="ms-formlabel DataGridFixedHeader" />
                <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" CssClass="Freezing" /></asp:GridView>
<!--调用样式固定表头-->

        </div>