我在我的项目中使用了Ext.grid.Panel,但是我认为默认的行高太大了,而且我不能修改行高,所以整个网格让我感觉不舒服。
但是,我发现Extjs-4文档中的panel-grid示例非常好。在它中,调整了行的高度以适应单词height.Thus,整个网格非常紧凑。
所以我想知道如何设置网格行的高度?
发布于 2012-05-23 03:06:29
更改行高的一种方法是使用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
发布于 2014-08-26 11:08:33
下面的代码使用网格的getRowClass
函数为特定行指定一个CSS类:
JavaScript代码
viewConfig : {
forceFit : true,
getRowClass : function(record, index) {
if (index % 2 == 0)
return "red";
else
return "green";
}
},
然后可以使用CSS修改高度:
CSS代码
.red .x-grid-cell {
background-color: #FFFFDD;
height: 30px;
}
https://stackoverflow.com/questions/10705591
复制相似问题