extjs更改grid行高度

遇到一个需求,extjs的grid中有个列是图片,显示高度较大,结果grid被撑的很难看,我就想着能不能改变grid的行高度

其实改变extjs的样式只需改变ext-all.css就行了,但如果改变了ext-all.css,那所有页面的样式都被改变了,那怎么办呢?

我们可以利用css的覆盖原则,用firebug查看源码的工具找到对应的class样式名称,在ext-all.css中找到,然后把这段css代码复制到我们的jsp中,

这样就可以在当前页面中覆盖ext-css的样式

如下,可以改变grid的行高

.x-grid-row td,.x-grid-summary-row td{
	line-height:50px;  //控制GRID高度
	vertical-align:top; //垂直居中
	border-right: 1px solid #eceff6 !important;//控制列线
	border-top: 1px solid #eceff6 !important;//控制行线
}

改变图标也是这个思路,

.add{background-image:url(images/extjs/add.png) !important;}
.del{background-image:url(images/extjs/delete.png) !important;}
.update{background-image:url(images/extjs/update.png) !important;}
如要改变按钮的图标就可以通过iconCls属性,iconCls='add'

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值