2011-10-18 14 views
0

グリッドビューを使用している場合は、ヘッダーとテーブルの行が1行しかない場合があります行数が増えてからテーブル全体のサイズが大きくなり、ヘッダーが縮小して見栄えが悪くなると、レコードが少なくなると、この行は本当に大きくなります。グリッドビューのヘッダーと行のサイズが大きい場合レコードが少ない場合、行が多い場合は

http://www.freeimagehosting.net/43572

ここで問題は何ですか?おかげ

<asp:GridView ID="Grid_Messagetable" runat="server" BorderStyle="Ridge" BorderWidth="5" 
         CssClass="Grid_MsgTbl" CellPadding="1" CellSpacing="1" AllowPaging="False" SelectedIndex="0" 
         DataKeyNames="MsgID" ShowHeaderWhenEmpty="false" OnRowDeleting="Grid_Messagetable_RowDeleting" 
         OnRowDataBound="MyGrid_RowDataBound" AutoGenerateColumns="False" AllowSorting="true" 
         OnSorting="gridView_Sorting"> 



.Grid_MsgTbl 
     { 
      text-align: center; 
      z-index: 1; 
      left: 7px; 
      top: 5px; 
      position: relative; 
      height: 308px; 
      width: 646px; 
      right: 17px; 
      bottom: 524px; 
     } 

http://www.freeimagehosting.net/43572

+0

行とGridviewの高さを明示的に設定しないでください。 – adatapost

答えて

0

は、私はあなたのcssに多くのスタイルを追加する必要があると思います。 が<HeaderStyle Height="30px"/>

を追加します。また、あなたはあなたのcss

.rowstyle td, .altrowstyle td {height:something} 

しかしgridviewないように十分に賢いです.netので、それを行うための良い方法のための高さを設定するには、このようなものを追加することができますAlternatingRowStyle-CssClass="altrowstyle" and HeaderStyle-CssClass="headerstyle"

を追加データの高さに従う。

とにかく私はこの記事についてASP.NET GridView makeover using CSSがあなたに良いアイデアを与えると思います。その大きさは内部に格納されたデータの量に合わせて調整されている:これは

+0

HeaderStyle Height = "30px" /ヘッダーサイズを解決しましたが、行サイズは交互の行スタイルを追加した後も同じです。どのように私はそれを同じにすることができます – Mark

+0

私は答えを更新しました。それを試してください –

0

asp.netgridViewを使用することはありませんが、私の推測があるのに役立ちます

希望。あなたはCSSのサイトの各要素のサイズを設定しようとすることができます。また、サイトの外観をデバッグする際に問題がある場合は、firebugアドオンをfirefoxにすることをお勧めします。それは本当にあなたの要素で何が起こっているのか、どのCSS変換がそれらに関係しているのかを見つけるのに役立ちます。

関連する問題