[Ignite UI for Angular 11.1 新機能] IgxGrid 列のピン固定をキャンセルする

Ignite UI for Angular 11.1.7 バージョン時点での情報に基づいています。

Ignite UI for Angular 11.1 では、IgxGrid の列のピン固定をキャンセルする機能が加わりました。列のピン固定をキャンセルするには、onColumnPinning イベントの引数にある cancel プロパティに true を設定します。

app.component.html

<igx-grid
  #grid1
  [data]="data"
  [width]="'100%'"
  [height]="'300px'"
  (onColumnPinning)="onColumnPinning($event)"
>
  ...
</igx-grid>

app.component.ts

export class AppComponent implements OnInit {
  ...
  onColumnPinning(args: IPinColumnCancellableEventArgs) {
    args.cancel = true;
  }
}

なお、IgxHierarchicalGrid、IgxTreeGrid においても同様に列のピン固定をキャンセルすることができます。