1. 程式人生 > >EXTJS--grid 元件更改行高

EXTJS--grid 元件更改行高

本來在網上查到了一些方法 但不知道是不是版本問題還是什麼 總之就是沒有效果

後來經過一系列的更改實驗
網路資料其一:
其中我不知道這個作者是筆誤還是什麼意思 設定為 “top;” 居然還註釋是 “//垂直居中 ”

.x-grid-row td,.x-grid-summary-row td{  
    line-height:50px;         
    vertical-align:top;       
    border-right: 1px solid #eceff6 !important;     
    border-top: 1px solid #eceff6 !important
; }

網路資料其二:
在grid後面加了個3

.x-grid3-row td,.x-grid3-summary-row td{ 
line-height:25px;
vertical-align:center; 
border-right: 1px solid #eceff6 !important; 
border-top: 1px solid #eceff6 !important; 
} 

網路資料其三:

/*先加一個自定義樣式*/

.custom-grid-row{

    height:35px;
}

/*然後設定viewConfig*/

Ext.create('Ext.grid.Panel'
,{ height : 300, width : 400, loadMask:true, store:store, title:'goods', viewConfig:{ getRowClass:function(){ // 在這裡新增自定樣式 改變這個表格的行高 return
'x-grid-row custom-grid-row'; } }, columns:[] });

=========================================================

最後經過刪了改 改了刪
我發現自己這個設定才有效:
在grid後面沒有3, 第一個引數也沒有 line-字首… …

    .x-grid-row td,.x-grid-summary-row td{  
      height:35px;    
      vertical-align:center;   
      border-right: 1px solid #eceff6 !important; 
      border-top: 1px solid #eceff6 !important;  
    }