列のサイズを、現在可視の最長セル値のサイズに変更します。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Resizing",
							allowDoubleClickToResize: true
						}
					]
				});
			 

サイズ変更オプションを列ごとに指定する列設定のリスト。

 
				//Initialize
				$(".selector").igGrid({
					features: [
						{
							name: "Resizing",
							columnSettings: [
								{ columnKey: "ProductID", allowResizing: true },
							]
						}
					]
				});
			 

• allowResizing

  タイプ:

  bool

  デフォルト:

  true

  列のサイズ変更を有効/有効にします。

  コード サンプル

   
  						//Initialize
  						$(".selector").igGrid({
  							features: [
  								{
  									name: "Resizing",
  									columnSettings: [
  										{ columnIndex: 0, allowResizing: true },
  									]
  								}
  							]
  						});
  					 

• columnIndex

  タイプ:

  number

  デフォルト:

  null

  列インデックス。列キーの代わりに使用できます。列設定の生成には列を常に識別子として使用することを推奨します。

  コード サンプル

   
  						//Initialize
  						$(".selector").igGrid({
  							features: [
  								{
  									name: "Resizing",
  									columnSettings: [
  										{ columnIndex: 0, allowResizing: true },
  									]
  								}
  							]
  						});
  					 

• columnKey

  タイプ:

  string

  デフォルト:

  null

  列キー。これは、columnIndex が設定されていない場合に各列設定で必要なプロパティです。

  コード サンプル

   
  						//Initialize
  						$(".selector").igGrid({
  							features: [
  								{
  									name: "Resizing",
  									columnSettings: [
  										{ columnKey: "ProductID", allowResizing: true },
  									]
  								}
  							]
  						});
  					 

• maximumWidth

  タイプ:

  enumeration

  デフォルト:

  null

  最大列幅 (ピクセル単位またはパーセント)。

  コード サンプル

   
  						//Initialize
  						$(".selector").igGrid({
  							features: [
  								{
  									name: "Resizing",
  									columnSettings: [
  										{ columnIndex: 0, maximumWidth: 100 },
  									]
  								}
  							]
  						});
  					 

• minimumWidth

  タイプ:

  enumeration

  デフォルト:

  20

  最小列幅 (ピクセル単位またはパーセント)。

  コード サンプル

   
  						//Initialize
  						$(".selector").igGrid({
  							features: [
  								{
  									name: "Resizing",
  									columnSettings: [
  										{ columnIndex: 0, minimumWidth: 30 },
  									]
  								}
  							]
  						});
  					 

ユーザーがサイズ変更を終了するか、または直ちに適用するまでサイズ変更を保留するかどうかを指定します。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Resizing",
							deferredResizing: true
						}
					]
				});
			 

サイズ変更可能な列ヘッダーそれぞれの右側に配置される、サイズ変更ハンドルの幅 (ピクセル単位)。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Resizing",
							handleThreshold: 10
						}
					]
				});
			 

子レイアウトで機能継承を有効または無効にします。注: igHierarchicalGrid のみに適用します。

ウィジェットのロケール言語設定を取得または設定します。

 
					//Initialize
				$(".selector").igGridResizing({
					language: "ja"
				});

				// Get
				var language = $(".selector").igGridResizing("option", "language");

				// Set
				$(".selector").igGridResizing("option", "language", "ja");
			 

ウィジェットのロケール設定を取得または設定します。

 
					//Initialize
				$(".selector").igGridResizing({
					locale: {}
				});

				// Get
				var locale = $(".selector").igGridResizing("option", "locale");

				// Set
				$(".selector").igGridResizing("option", "locale", {});
			 

ウィジェットの領域設定を取得または設定します。

 
				//Initialize
				$(".selector").igGridResizing({
					regional: "ja"
				});
				// Get
				var regional = $(".selector").igGridResizing("option", "regional");
				// Set
				$(".selector").igGridResizing("option", "regional", "ja");