Next
Update
Prev

You can display different icons depending on the value by using JavaScript. This example demonstrates how to display different icons (Up Arrow, Down Arrow) depending on the value of the "Total Gross Profit" column and how to display different icons (Required, No Icon) depending on the value of the "Amount Received Ratio" column.

...
  <DataGridColumn dataField="total_gross_profit" ... itemRenderer="IconItem" secondDataField="Icon" secondLabelJsFunction="secondLabelFunc" />
  <DataGridColumn dataField="amount_received_ratio" ... itemRenderer="IconItem" secondDataField="Icon" secondLabelJsFunction="secondLabelFunc2" />
...

function secondLabelFunc(item, value, column) {
  if ( value > 0 )
    return "upArrow3";
  else
    return "downArrow2";
}

function secondLabelFunc2(item, value, column) {
  if ( value == 1 )
    return "Required";
  else
    return "";
}

© 2017 KoolChart. All rights reserved.