为什么我的gridview标题在我固定它时会缩小?

时间:2017-03-25 12:40:06

标签: css asp.net gridview

来源:https://www.codeproject.com/Articles/614041/GridView-with-Fixed-Header-and-Scroll-Bar

我已经创建了一个CSS类来修复引导程序面板中的标题。

CSS

.FixedHeader {
   position: absolute;
   font-weight: bold;
   background-color:aquamarine;
} 

ASP.NET GridView

<div class="panel-body" style="overflow-y:scroll;">
<asp:GridView ID="myGridView" runat="server" Width="560px" 
                                class="table table-hover table-bordered" 

                                align="center" HeaderStyle-Wrap="true" 
                                HeaderStyle-CssClass="FixedHeader"
                                > 

结果很有趣。下图更好地解释了这一点。

enter image description here

您可以在左侧看到三个列标题...标题列的大小缩小...

更新

下面是我将width:100%放入标题css类

时的结果

enter image description here

1 个答案:

答案 0 :(得分:0)

请尝试添加100%的标题。