我在我的项目中使用了Ext.grid.Panel,但是我觉得默认的行高太大,无法修改行高,所以整个网格让我感觉不舒服。
但是,我发现 Extjs-4 文档中的面板网格示例非常好。在其中调整行高以适应单词高度。因此整个网格非常紧凑。
所以我想知道如何设置网格行高?
更改行高的一种方法是使用 css。每行都使用填充以及高度的内容,因此如果您在此类中更改填充,它将使该行更高/更低:
.x-grid-cell-inner {
overflow: hidden;
padding: 3px 6px;
white-space: nowrap;
}
另外,您可以在这里查看:
http://docs.sencha.com/ext-js/4-0/#!/api/Ext.view.Table-method-getRowClass
以下代码使用getRowClass
网格函数为特定行指定 CSS 类:
viewConfig : {
forceFit : true,
getRowClass : function(record, index) {
if (index % 2 == 0)
return "red";
else
return "green";
}
},
然后可以使用 CSS 修改高度:
.red .x-grid-cell {
background-color: #FFFFDD;
height: 30px;
}