[]
デモ ヘルプ APIリファレンス デザイナ
ダウンロード
(Showing Draft Content)

行列ヘッダのドラッグ操作

SpreadJS を使用すると、allowDragHeaderToMove 列挙オプション (デフォルト値は none) を使用して、列や行のヘッダをドラッグ操作して、列や行を移動することができます。列挙オプションは、次の表に示すように 4 つの値を受け入れます。

列挙オプション

値

説明

none

0

行や列のヘッダをドラッグして移動できません。

column

1

列ヘッダをドラッグして列を移動することができます。

row

2

行ヘッダをドラッグして行を移動することができます。

both

3

列と行の両方のヘッダをドラッグして、列や行を移動することができます。

マウスをドラッグ可能なヘッダーの上に移動すると、カーソルが手のひらの形に変わります。これはドラッグが可能であることを示します。ドラッグを開始すると、カーソルが掴む手の形に変わります。

次の GIF画像 は、行と列を別の場所にドラッグ移動する方法を示しています。


dragdropcolheader.6ed720

コードの使用

次のコードのように、allowDragHeaderToMove 列挙が both に設定されている場合、列と行の両方をドラッグすることができます。

spread.options.allowDragHeaderToMove = GC.Spread.Sheets.AllowDragHeaderToMove.both;

SpreadJSデザイナの使用

SpreadJSデザイナでは、Spread 設定ダイアログの「ヘッダのドラッグ移動」ドロップダウンから列挙値を選択することで、この機能を使用することができます。

dragcolrowheader

制限事項

  • テーブルシート(TableSheet)、ガントシート(GanttSheet)、およびタッチスクリーンでは、ヘッダのドラッグ操作による行列の移動はサポートされません。