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

Ignite UI for Angular 11.1にて、IgxGrid、IgxTreeGrid、IgxHierarchicalGridにselectRowOnClickプロパティが追加され、行のクリックでその行を選択するかどうかを指定できるようになりました。

  • trueを指定した場合
    • 行選択ボックスをクリックする、もしくは、行をクリックすると、その行が選択されます。
  • falseを指定した場合
    • 行選択ボックスをクリックした場合のみ行が選択されます。

selectRowOnClickの既定値はtrueです。

<igx-grid ...
  [rowSelection]="'single'"
  [selectRowOnClick]="true">
  ...
</igx-grid>

<igx-tree-grid ...
  [rowSelection]="'single'"
  [selectRowOnClick]="true">
  ...
</igx-tree-grid>

<igx-hierarchical-grid ...
  [rowSelection]="'single'"
  [selectRowOnClick]="true">
  ...
</igx-hierarchical-grid>

 

実行結果

 

サンプル

 

APIリファレンス

 

製品について

Ignite UI for Angular