Extjs Grid header background color変化


Cssコード:
.my-custom-grid-red .x-column-header-inner {zoom: 1;position: relative;white-space: nowrap;line-height: 22px;padding: 0px 6px 12px 96px;background-color:red;}
.my-custom-grid-green .x-column-header-inner {zoom: 1;position: relative;white-space: nowrap;line-height: 22px;padding: 0px 6px 12px 96px;background-color:green;}

Extjs Grid gridcolumnコード:
{           
text: 'Nom du compte',           
flex: 1,          
 sortable: true,           
dataIndex: 'name_account',          
 baseCls:'my-custom-grid-red',                 
width: 260                    
},
{          
 text: 'Ville',          
 sortable: true,          
 dataIndex: 'ville',          
 width: 200,               
 baseCls:'my-custom-grid-green'       
}

ベースクラスをclsに変更