Next
Update
Prev

You can use Percent Formatter (<PercentFormatter>) to convert the data string to a percent format. This example demonstrates how to display the percent format for the Percent column.

...
<PercentFormatter id="percfmt" divideHundred="true" />
...  
  <DataGridColumn dataField="Percent" ... formatter="{percfmt}" />
...

<PercentFormatter>

alignSymbol This property is to set the horizontal alignment of the percentage symbol (left, right, default : right).
decimalSeparatorTo This property is to set the symbol for the decimal separator (default : .).
divideHundred Whether or not to divide by 100 (true, false, default : false).
multiplyHundred Whether or not to multiply by 100 (true, false, default : false).
percentSymbol This property is to set the percentage symbol (default : %).
precision This property is to set the number of digits of the fractional part. If the value is smaller than 0, it will leave the original value intact.
rounding This property is to set the rounding method (down, nearest, up, none, default : none).
thousandsSeparatorTo This property is to set the symbol for the thousand separator (default : ,).
useNegativeSign This property is to set the symbol for the minus sign. If the value is true then the symbol, "-", will be used for minus values, otherwise if the value is false, then "(" and ")" will be used for minus values. (true, false, default : true)
useThousandsSeparator Whether or not to use the thousand separator (true, false, default : true).

© 2017 KoolChart. All rights reserved.