React テーブル行の選択

React Data Table / Data Grid は、単一行または複数行の選択をサポートしています。

サンプル

概要

IgrLiveGrid での選択は行レベルで有効になり、グリッドの selectionMode オプションを使用して構成できます。このプロパティには、以下にリストされている 3 つの異なるオプションがあります。

  • None: 選択は有効にされていません。
  • SingleRow: 単一行の選択が有効です。
  • MultipleRow: 複数行の選択が可能になります。

MultipleRow に設定すると、複数行を選択するために CTRL キーを押す必要はありません。各行は、その特定の行をクリックしたときに選択または選択解除されます。

コード スニペット

以下は、IgrLiveGrid で複数選択を有効にする方法を示しています。

<IgrLiveGrid
    height="100%"
    width="100%"
    dataSource={this.data}
    selectionMode="MultipleRow">
</IgrLiveGrid>