Change the color of summary row of grid in extjs

Question

I want to change the font as well as background color of the summary row of the grid.I have tried getting the summary row as :

var summaryRow = grid.view.el.down('tr.x-grid-row-summary');

Based on summaryRow I can set the style.But I am getting the value of summaryRow as null.Can anyone please point me to correct direction or am I missing something? Any help is appreciated.Thanks

Answer 1

var summaryRow = grid.getView().getFeature(0); 
styleObj = {
     'background-color': '#c5c5c5'  
 };
summaryRow.view.el.setStyle(styleObj);