EXTJS--grid 元件更改行高
阿新 • • 發佈:2019-02-04
本來在網上查到了一些方法 但不知道是不是版本問題還是什麼 總之就是沒有效果
後來經過一系列的更改實驗
網路資料其一:
其中我不知道這個作者是筆誤還是什麼意思 設定為 “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;
}