Next
Prev

You can use Number Mask (<NumberMaskFormatter>) to convert the data string to a masked format. This example demonstrates how to display the format of (###) ###-#### for the Phone Number column.

...
<NumberMaskFormatter id="maskfmt" formatString="(###) ###-####" />
...  
  <DataGridColumn dataField="phone" ... formatter="{maskfmt}" />
...

<NumberMaskFormatter>

align This property is to set the alignment of the number string when the No. of digits of the mask pattern is larger than that of the number string. For example, if the mask pattern is "###-###" and the number string is "1234" and the value is "right", then the output will be "1-234", otherwise if the value is "left", then the output will be "123-4".
formatString This property is to set the mask pattern.
numberSymbol It represents the number in the mask pattern (default : #).

© 2017 KoolChart. All rights reserved.