IgxGrid ヘッダーテンプレートの利用方法

IgxGrid では、ヘッダーテンプレート機能を利用することで、ヘッダーのカスタマイズができます。

ヘッダーテンプレートは、列に対して igxHeader ディレクティブを適用することで実現することができます。

<igx-grid [data]="localData" [autoGenerate]="false" width="700px" height="500px">
  <igx-column field="id" header="ID" [resizable]="true" width="100px">
    <ng-template igxHeader let-column>
      <div>
        <span>{{ column.header | lowercase }}</span>
      </div>
    </ng-template>
  </igx-column>
  ...
</igx-grid>

参考情報
igx-grid のテンプレートを使ったカスタマイズさまざま > その他のテンプレート
https://qiita.com/tkiryu/items/7908747d0e80ddb7601f