title: Highlight a set of Rows in GridPanel Ext.net (ExtJS)
body: <p>Required to highlight set of rows in a Ext.net <code>gridPannel</code> color which required to highlight </p>
  
  <p>Current approach is to call the below function on rendering the GridPannel:</p>
  
  <pre><code> function (value, meta, record, rowIndex,columnIndex,store) 
      {
  
                      color= record.data["ColorValue"];
                      var style = document.createElement('style');
                      style.type = 'text/css';
                      style.innerHTML = '.cssClass'+rowIndex+' {   background color:'+color+'}';
                      document.getElementsByTagName('head')[0].appendChild(style);
                      grid.store.getAt(rowIndex).set("mySelected", "cssClass"+rowIndex);
      }
  </code></pre>
  
  <p>But with this approach: it <strong>highlights all the rows with the same color</strong> .. a test <code>alert(color);</code> fetched the correct different color of each color from the GridPannel</p>
  
  <p>Any Good approach for this ?</p>