CSS控制GridView固定表頭

來源:互聯網
上載者:User

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>

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.