现在的位置: 首页 > 综合 > 正文

CSS控制GridView固定表头

2018年04月10日 ⁄ 综合 ⁄ 共 1678字 ⁄ 字号 评论关闭

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>

 

抱歉!评论已关闭.