2017-03-25 15 views
1

ソース: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

あなたが左に3列ヘッダを見ることができます...ヘッダー列のサイズが縮小...

UPDATE以下

は私が入れた結果であり、ヘッダのCSSクラスでwidth:100%

enter image description here

答えて

0

ヘッダーに100%を追加してください。

+0

でした。私はそれがaspの100%を取ると思った:gridviewしかし、それは右にブーストラップパネルを横切って行く...良いアイデア...上記の新しい画像を参照してください – snorlax

関連する問題