0

グリッドページャーが次のように表示されるのはなぜですか。

次のように表示されます。

これが私のコードです：

    <asp:GridView ID="grid" runat="server" AllowSorting="True"
         AutoGenerateColumns="False" CellPadding="0"  GridLines="None"
         PageSize='<%# int.Parse(System.Configuration.ConfigurationManager.AppSettings["gvPageSize"].ToString()) %>'
         Width="100%" OnRowCreated="grid_RowCreated" CssClass="mGrid"
         PagerStyle-CssClass="pgr" AlternatingRowStyle-CssClass="alt" AllowPaging="true"
 OnPageIndexChanging="grid_PageIndexChanging">

およびcss：

.mGrid {   
width: 100%;   
background-color: #fff;   
margin: 5px 0 10px 0;   
border: solid 1px #525252;   
border-collapse:collapse;}   
.mGrid td {   
padding: 2px;   
border: solid 1px #c1c1c1;   
color: #717171;} 
.mGrid th {   
padding: 4px 2px;   
color: #fff;   
background: #424242 url(grd_head.png) repeat-x top;   
border-left: solid 1px #525252;   
font-size: 0.9em;}
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }  
.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top;}
mGrid .pgr table { margin: 5px 0;}
.mGrid .pgr td {   
border-width: 0;   
padding: 0 6px;   
border-left: solid 1px #666;   
font-weight: bold;   
color: #fff;   
line-height: 12px;} 
.mGrid .pgr a { color: #666; text-decoration: none;}
.mGrid .pgr a:hover { color: #000; text-decoration: none;}
4

1 に答える 1

0

ページャーに適用される css のうち、下に太字で示されているマージンやパディングなどは、おそらくこの場合の主な原因です。

.mGrid .pgr テーブル {マージン: 5px 0;}

.mGrid .pgr td { ......パディング: 0 6px; ……

Chrome Developer Tools / Firebug などの DOM Inspector で css を調べて、希望どおりになるまで微調整する必要があります。

于 2012-09-14T08:43:08.347 に答える