add custom background color to individual grid row
I'm trying to add a custom background color to an individual row of an Ext grid. I can get the font color to change, so I know my custom css class is visible, but the background color for some reason doesn't change.
Here is how I'm trying to do it.
var selNodes = myExtGrid.getView().getSelectedNodes();
var r = Ext.get(selNodes);
my x-grid-row-emphasized class is like this:
background-image: none !important;
background: red !important;
color: white !important;
Any ideas on why this is not working? Thanks for your help.
Add Background color dynammically
your Css :
if remove .x-grid-cell the background color will not be affected just color will be affected
and in your code :
yourGridviw.getView().selectedItemCls = 'red';
remember in java script u can use all extjs congfig option as properties like above.