header : 'Change',
width: 75,
sortable : true,
renderer : change,
dataIndex: 'change'
}
即通过renderer : change,然后在写这个函数:
function change(val) {
if (val >0) {
return '<span style="color:green">' + val + '</span>'
} else if (val <0) {
return '<span style="color:red">' + val + '</span>'
}
return val
}
这样就可以通过这一列的属性值,来改变样式了啊。
你可以自定义一个css样式 例如:.myPanelHead {
xx: xx
}
然后 panel的data-options里加上:headerCls:'myPanelHead'即可
注意该样式是加在head上的,你可以直接在head加样式。
如果非要加载title上,可以再加一个css样式
.myPanelHead .panel-title {
xx: xx
}
即可
表示该样式匹配html中id为panel或者flip的元素,比如类似下面的:<div id="panel">....</div>
<li id="flip">....</li>