Extjs中gridPanel单元格自定义样式，根据值设置背景色长度

Extjs中gridPanel单元格自定义样式，根据值设置背景色长度。

在网上找了很久的例子，无果！最后捣鼓出来了，其实很简单，但是浪费了很多时间，贴在此处供有需之人用！以免费时费力。。



这是效果图。



上面便是代码，关键是最后一相：

{

header: "项目进度%",

width: 80,

sortable: true,

dataIndex: 'progress',

//renderer: getColor

renderer: function(value){

var width = parseInt(value);

return '<font color=blue></font><span style="background-color:#7A96DF;display:block;width:'+width+'%;">' + value + '</span>';

}

}