0
グリッドビューコントロールを使用していて、コードページでこれにデータテーブルをバインドしています。ページサイズを5に設定しました。行スタイルと代替行スタイルの高さを70ピクセルに設定します。ASP.NETグリッドビューコントロールのスタイルを設定する
グリッドビューのページに5つの行がある場合、表示は問題ありません。しかし、5行未満になると、行が展開されて使用可能なspceが使用されます。
グリッドビューに420ピクセルの高さを設定しました。
mGrid
{
border-collapse: collapse;
width: 340px;
height: 420px;
}
.mGrid .emptyrowstyle
{
height: 70px; font-size: 11px; padding: 6px 0 0 8px; border-bottom: 2px solid #fff; color:#505050;
/*line-height: 12px;*/
background: url(../townlist_bg.jpg);
}
.mGrid .alt
{
font-size: 11px; padding: 6px 0 0 8px; border-bottom: 2px solid #fff; color:#505050; height: 70px;
/*line-height: 12px;*/
background: url(../townlist_bg.jpg);
/* background-image: url('../m_images/townlist_bg.jpg');*/
}
.mGrid .pgr
{
height: 15px;
background: #424242 url(../m_images/grd_pgr.png) repeat-x top;
}
.mGrid .rowstyle
{
font-size: 11px; border-bottom: 2px solid #fff; color:#505050; background-image:url(../townlist_bg.jpg); height: 70px;
/*height: 12px;*/
/*background: #fcfcfc url(grd_alt.png) repeat-x top;*/
/*background: url(../townlist_bg.jpg); */
}
.mGrid .pgr table
{
margin: 5px 0;
}
.mGrid .pgr td
{
border-width: 0px;
padding: 0 6px;
border-left: solid 0px #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;
}
そして、これは、グリッド表示のdeclartionである：私は簡単にするために、データバインドさcoloumnsを貼り付けていないです：
スタイルシートは、このような何か..です私を助けてください
のCssClass = "MGRID "AutoGenerateColumns =" 偽」がPageSize = "5" OnPageIndexChanging = "grdvListings_PageIndexChanging" rowStyle-のCssClass = "rowstyle" ShowHeader = "false" を AlternatingRowStyle-のCssClass = "ALT" PagerStyle-のCssClass = "PGR">
ありがとうございました