バージョン

プロパティ参照 (igGrid)

igGrid 列移動のプロパティ

以下の表では、igGrid の列移動機能のプロパティを説明し、またデフォルト値と推奨値を紹介します。プロパティはアルファベット順に並び替えられます。

プロパティ タイプ 説明 デフォルト値
addMovingDropdown bool false の場合、すべての列に対して列移動メニューを非表示にします。 true
columnSettings array 列移動が有効になっていると、 移動が無効になる各列を構成します。列は、columnSettings.allowMoving および columnSettings.columnIndex /columnSettings.columnKey プロパティを介して指定されます。 null
columnSettings.allowMoving bool false である場合、グリッド内で特定の列に対して列移動を無効にします。構成済みの列は、 columnSettings.columnIndex または columnSettings.columnKey により指定されます。 . true
columnSettings.columnIndex number 構成されている列のインデックスグリッド列に列キーが定義されていない場合に列インデックスを使用して列を指定します (例: autoGenerateColumns を true に設定する場合)。 null
columnSettings.columnKey string 構成されている列の列キーグリッド列に列キーが定義されている場合に列インデックスを使用して列を指定します (例: グリッド列が手動で定義される場合)。 null
mode string 列移動モードを設定します。有効な値：
  • “immediate” - 列移動 を即時モードに設定します。
(ユーザーがヘッダーをドラッグすると、ヘッダーが移動されて列がアニメーションで置き換えされます)
  • “deferred” - 列移動 を遅延モードに設定します。
(ドラッグでは列ヘッダーは移動しませんが、代わりにユーザーがマウス ボタンをリリースする場合に列がドロップされる位置をマーク付けします) 		“immediate”
moveType string 列移動タイプを設定します。有効な値：
  • “dom” - タイプを DOM 操作に設定します。
(列をデタッチし、DOM ツリーに再度アタッチすることで列を移動します)
  • “render” - タイプをグリッドの再レンダリングに設定します。
(グリッドは、新しい列の順序で再描画されます) 		“dom”
movingDialogAnimationDuration number アニメーションで列の移動ダイアログを表示または非表示にする timeDuration をミリ秒で設定します。 200
movingDialogHeight number 列の移動ダイアログの高さを設定します。デフォルトでは高さは設定されません。そのため、データの高さはすべてのグリッド列を表示するまで引き伸ばされます。
 なし
movingDialogWidth number 列の移動ダイアログの幅を設定します。 400

関連コンテンツ

トピック

このトピックの追加情報については、以下のトピックも合わせてご参照ください。

  • 列移動の概要: このトピックは、igGrid コントロールの列移動機能およびこの機能が提供する機能性について概念的に説明します。

  • 列移動の有効化: このトピックでは、コード例を用いて、igGrid の列移動機能を有効にする方法について説明します。

  • 列移動の構成: このトピックでは、コード例を用いて、igGrid の列移動機能を構成する方法について説明します。

  • コードによる列の移動: このトピックは、列移動 API を使用して列を移動する方法をコード例を用いて説明します。

オンラインで表示: GitHub