Ignite UI for Angular 11.1.4バージョン時点での情報に基づいています。
Ignite UI for Angular 11.1から、IgxGrid、IgxTreeGrid、IgxHierarchicalGridでパーセントタイプの列が使用できるようになりました。
パーセントタイプの列を使用すると、例えば1.1という値をバインドするとUI上は110%と表示されるようになります。
<igx-column field="YoYChange" header="対前年比" [dataType]="'percent'"></igx-column>
実行結果
![](https://kb.jp.infragistics.com/wp-content/uploads/2021/03/kb5423-app1-screenShot1.png)
サンプル
APIリファレンス
- IgxGrid → Percent (パーセント)
- IgxTreeGrid → Percent (パーセント)
- IgxHierarchicalGrid → Percent (パーセント)