[前端]-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;  
    }