Ext JS为网格单元内的字符串单词设置颜色

Question

I am trying to set different colors for different words inside a string, and this string is inside a ExtJs grid cell. For example, I have a string 'Red Blue Green'. I need use three colors for these three words. This is not that hard in javascript by fontcolor, but I cannot figure out how to do it in Ext Js grid store. Could anyone give some insight on how to do this? Thanks.

Answer 1

you need a custom column renderer :

renderer: function(value){
    var words = value.split(' ');
    return '<span style="color:#f00">'+words[0]+'</span><span style="color:#0f0">'+words[1]+'</span><span style="color:#00f">'+words[2]+'</span>';
}

if every value has three words.