Next
Update
Prev

You can display different icons for each row by setting the secondDataField property to the field name of Dataset, which contains the icon name.

...
  <DataGridColumn dataField="Name" ... itemRenderer="IconItem" secondDataField="Icon" ... />
  <DataGridColumn dataField="Actual" ... itemRenderer="IconItem" secondDataField="Icon2" ... />
...
var gridData = [
  {
    "Name": "Jerry",
    "Territory": "Arizona",
    "Territory_Rep": "Arizona",
    "Actual": 38865,
    "Icon": "man",
    "Icon2": "Magnifier",
    "Estimate": 40000,
    "Real": 30000,
    "Price": 3001 
  },
...  
  {
    "Name": "Alice",
    "Territory": "Arizona",
    "Territory_Rep": "Arizona",
    "Icon": "woman",
    "Icon2": "noteBtn",
    "Actual": 38865,
    "Estimate": 40000,
    "Real": 30000,
    "Price": 3003 
  },
...
Icons Magnifier (default), Plus, Minus, FolderOpen, FolderClosed, Arrow, DownArrow, Reguired (reddish star), Diskette, Node (document), imgBtn, favorBtn
iconPlacement This property is to set the location of the icon. (left or right, default : left).

© 2017 KoolChart. All rights reserved.