[Ignite UI for Angular 11.1 新機能] IgxGrid、IgxTreeGrid、IgxHierarchicalGridでパーセントタイプの列を使用する。

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 (パーセント)
  • https://jp.infragistics.com/products/ignite-ui-angular/angular/components/grid/column-types#percent-%E3%83%91%E3%83%BC%E3%82%BB%E3%83%B3%E3%83%88
• IgxTreeGrid → Percent (パーセント)
  • https://jp.infragistics.com/products/ignite-ui-angular/angular/components/treegrid/column-types#percent-%E3%83%91%E3%83%BC%E3%82%BB%E3%83%B3%E3%83%88
• IgxHierarchicalGrid → Percent (パーセント)
  • https://jp.infragistics.com/products/ignite-ui-angular/angular/components/hierarchicalgrid/column-types#percent-%E3%83%91%E3%83%BC%E3%82%BB%E3%83%B3%E3%83%88