javascript - Event to highlight a cell in enhanced grid -

i using dojo toolkit version 1.10. have problem need highlight particular cell. can able highlight row on onstylerow. there way highlight particular cell in enhanced grid?

edited:

for formatter have made this. formatter -

var cellformatter = function(value){       color = "green";       return "<span style=color:green>" + value +"</span>;" } 

and binding available grid structure have.

for (var i=0;i<gridstructure.length;i++) {     var griddata = gridstructure[i];      griddata.formatter = cellformatter ;  } 

and in grid definition adding structure. -

var mygrid = new enhancedgrid({     id: 'grid',     store: gridstore, //data store passed input     structure: griddata, //column structure passed input     autoheight: true,     autowidth: true }) 

but if data won't show. if use string in formatter value can see coming in alert if function used not @ coming. dont know problem here.

here can see excel sheet row highlighted not first cell of row. likewise want style added particular cell. not whole row or column

here working jsfiddle you

http://jsfiddle.net/bnqkodup/347/ 

code

html

<div id="container" class="claro">     <div id="griddiv"></div> </div> 

css

@import"../lib/dojo/resources/dojo.css";  @import"../lib/dijit/themes/claro/claro.css";  @import"../lib/dojox/grid/enhanced/resources/claro/enhancedgrid.css";  @import"../lib/dojox/grid/enhanced/resources/enhancedgrid_rtl.css";  /*grid need explicit width/height default*/  #grid {     width: 1110px;     height: 494px;     color: #000000; } 

js

dojo.require("dojox.grid.enhancedgrid"); dojo.require("dojo.data.itemfilewritestore"); dojo.require("dojo.on");  dojo.ready(function (on) {     /*set data store*/     var data = {         identifier: 'id',         items: []     };     var data_list = [{         col1: "normal",         col2: false,         col3: 'but not followed 2 hexadecimal',         col4: 29.91     }, {         col1: "important",         col2: false,         col3: 'because % sign indicates',         col4: 9.33     }, {         col1: "important",         col2: false,         col3: 'signs can selectively',         col4: 19.34     }];     var rows = 60;     (var = 0, l = data_list.length; < rows; i++) {         data.items.push(dojo.mixin({             id: + 1         }, data_list[i % l]));     }     var store = new dojo.data.itemfilewritestore({         data: data     });      /*set layout*/     var layout = [         [{             'name': 'column 1',             'field': 'id'          }, {             'name': 'column 2',             'field': 'col2'         }, {             'name': 'column 3',             'field': 'col3',             'width': '230px'         }, {             'name': 'column 4',             'field': 'col4',             'width': '230px'         }]     ];      /*create new grid:*/     var grid = new dojox.grid.enhancedgrid({         id: 'grid',         store: store,         structure: layout,         rowselector: '20px'     },     document.createelement('div'));      /*append new grid div*/     dojo.byid("griddiv").appendchild(grid.domnode);      /*call startup() render grid*/     grid.startup();      dojo.on(grid,"cellclick",function(evt){      /* <=search column here */    var idx = evt.cellindex;    var cellnode = evt.cellnode;    if(cellnode){       cellnode.style.backgroundcolor = "green";     }      }); });