如何在Extjs 4中设置网格行高？
如何在Extjs 4中设置网格行高？
提问于 2012-05-22 23:53:18
我在我的项目中使用了Ext.grid.Panel，但是我认为默认的行高太大了，而且我不能修改行高，所以整个网格让我感觉不舒服。
但是，我发现Extjs-4文档中的panel-grid示例非常好。在它中，调整了行的高度以适应单词height.Thus，整个网格非常紧凑。
所以我想知道如何设置网格行的高度？
回答 2
Stack Overflow用户
回答已采纳
发布于 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
Stack Overflow用户
发布于 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;
} 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10705591
复制相关文章
相似问题