IgxGrid – 数値型の列ヘッダーの表示を他のデータ型列と統一する

IgxGrid では dataType=”number” の列ヘッダー ( .igx-grid-th–number ) に対し、他のデータ型とは異なるスタイルが適用されるため、デフォルトで表示が異なります。
数値列のヘッダーは「アイコン → タイトル（右揃え）」の順になりますが、
他の列は「タイトル（左揃え） → アイコン」の順になります。

以下のスタイルでその差異を解消し、表示を統一します。

.igx-grid-th--number {
  /* デフォルトの flex-end（右端寄せ）を上書きし、他の列と同じ左揃えにする */
  justify-content: flex-start;
  /* タイトルテキスト自体も左揃えに統一する */
  text-align: start;
  .igx-grid-th__icons {
    /* デフォルトの order: -1 を order: 1 に上書きしてアイコン領域をタイトルの右側に移動させる */
    order: 1;
    /* 数値列はデフォルトで .sort-icon に order: 1 が設定されているため、order: 0 にリセットする */
    .sort-icon {
      order: 0;
    }
  }
}