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>
実行結果
サンプル
APIリファレンス
- IgxGrid → Percent (パーセント)
- IgxTreeGrid → Percent (パーセント)
- IgxHierarchicalGrid → Percent (パーセント)