GridView固定表头

来源:互联网 发布:mysql 获取当前时间 编辑:程序博客网 时间:2024/04/29 05:08

            <div id="divMiddle" class="divMiddle">
                    <asp:GridView ID="gvShow" runat="server" CssClass="GridViewStyle" >
                        <FooterStyle CssClass="GridViewFooterStyle" />
                        <RowStyle CssClass="GridViewRowStyle" />   
                        <SelectedRowStyle CssClass="GridViewSelectedRowStyle" />
                        <HeaderStyle CssClass="GridViewHeaderStyle" />
                        <Columns>
                        </Columns>
                    </asp:GridView>
            </div>

 

Css样式:

.divMiddle{
width:98%;
height:440px;
overflow:auto;
overflow-x:hidden;
border:1px solid #d3d3d3;
border-top:0px solid #d3d3d3;
text-align:center;
}

/*=====GridView样式=====*/
.GridViewStyle /*GridView整体样式*/ {
text-align:center;
width:97%;
border:1px solid #d3d3d3;
}
.GridViewHeaderStyle /*表头样式*/ {

}
.GridViewRowStyle /*每行样式*/ {
height:24px;
}
.GridViewFooterStyle /*表底样式*/ {
font-weight:700;
}
.GridViewSelectedRowStyle /*选中行的样式*/ {
background-color:#ffd;
font-weight:700;
height:24px;
}
.GridViewAlternatingRowStyle /*交替行颜色*/ {
background-color:#e4007f;
}
.GridViewRowStyle td,.GridViewAlternatingRowStyle td /*每个单元格样式*/ {
border:1px solid #d3d3d3;
}
.GridViewStyle a /*控制GridView中超链接样式*/ {
color:#0070ba;
}
.GridViewHeaderStyle th /*表头边框样式*/ {
border:0px solid #d3d3d3;
border-left:1px solid #d3d3d3;
background-color:#eee;
height:25px;
font-weight:700;
position: relative;
}
/*=====GridView中的隐藏列=====*/
.td_hidden{
    display:none;
}

 

原创粉丝点击