GridViewの固定ヘッダーCSSの配置

固定ヘッダーのGridView CSSソリューションを取得しようとしていますが、ヘッダー行を残りの列と整列させるための唯一の方法はposition：relative、しかし、それは私が達成しようとしている固定ヘッダーを壊す。一番上の調整は外れているように見え、ヘッダーの「セル」はすべて一緒になっているようです。GridViewの固定ヘッダーCSSの配置

マイCSS：

.fixedHeader 
{ 
    font-weight:bold; 
    font-size:small; 
    position:absolute; 
    width:1070px; 
    text-align:justify; 
    background-color: #006699; 
    color: #ffffff; 
    height: 25px; 
    expression(Sys.UI.DomElement.getBounds(document.getElementById("Panel3")).y-  25); 
}

私のGridView：

<asp:Panel ID="Panel3" runat="server" Height="354px" ScrollBars="Vertical" 
     Width="1070px" Font-Size="Small" onscroll="$get('MainContent_hdnScrollTop').value = this.scrollTop;"> 

      <input type="hidden" id="hdnScrollTop" runat="server" value="0" /> 

     <asp:GridView ID="GridView1" runat="server" 
     AutoGenerateColumns="False" AllowSorting="True" CellPadding="4" 
     ForeColor="#333333" GridLines="None" 
     onrowdatabound="GridView1_RowDataBound"> 
       <AlternatingRowStyle BackColor="White" ForeColor="#284775" /> 
       <HeaderStyle CssClass="fixedHeader" />

The header smooshed

出典

2012-03-13 Andrew

こんにちは、このCSSメソッドを使用しようとすると、多くの問題が発生します。私はこのためにサードパーティのグリッドビューコントロールを使用しています。これはasp.netグリッドビューの拡張です。 http://ideasparks.codeplex.com/ – Rohith

は、あなたがポジションを持っている別のDIVであなたのヘッダーをラップすることができるようになります。絶対。その上で作業位置を使用します。 CSSを他のコンテンツに合わせるには？

アラインメントの問題が何であるかを見ることができなければ、言うことは難しいです。

出典

2012-03-13 20:11:35

イメージを追加しました。あなたが見ることができるように、一番上の位置はオフであり、ヘッダー行は一緒にスムージングされ、セルの間隔を尊重しません。 – Andrew

GridViewの固定ヘッダーCSSの配置

答えて

関連する問題