樣式ASP.NET網格視圖控件

我正在使用網格視圖控件，並在後面的代碼中將數據綁定到此，我已將頁面大小設置爲五。和行樣式和交替行樣式高度爲70px。樣式ASP.NET網格視圖控件

如果我在網格視圖的頁面中有5行顯示很好。但是如果我得到的行少於5行，行就會展開以使用可變spce。

我已將420px高度設置爲網格視圖。請幫我..

樣式表是這樣的：

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 =」假」每頁= 「5」 OnPageIndexChanging = 「grdvListings_PageIndexChanging」 RowStyle-的CssClass = 「rowstyle」 ShowHeader = 「假」 AlternatingRowStyle-的CssClass = 「ALT」 PagerStyle-的CssClass = 「PGR」>

謝謝你你

來源

2011-08-04 ssmsnet

你需要從表格（mGrid）中刪除高度樣式。

如果您只希望表格與實際行數量一樣高，則應讓行的高度樣式確定表格的高度。

來源

2011-08-04 17:16:07 HectorMac

樣式ASP.NET網格視圖控件

回答

相關問題