3

2列のグリッドがあります。列モデルは次のとおりです。

colModel.append("{name:\"group_id\",index:\"GOID\",width:80,sortable:true,align:\"left\", formatter:linkFormat, unformat:unformatLink}\n")
        .append(",{name:\"group_name\",index:\"GNAME\",width:350,sortable:true,align:\"left\", formatter:formatHtml, unformat:unformatHtml}");

テーブルのグリッド幅は 95% で、ウィンドウ サイズに応じて変化します。

ここで、2 つの列幅を自動調整して、グリッド全体を埋める必要があります。グリッドの最後に空のスペースを表示したくありません。

4

1 に答える 1

5

コメントで言及されたことがうまくいったので、完全を期すためにこの答えを追加します。列の自動調整のためのjqGridのwikiによると、オプション shrinktofit:trueを使用できます。

ウィキによるとShrinkToFit、次のことを行います。

このオプションが設定されている場合、グリッドの幅を考慮して、グリッドの列の幅を再計算する方法を定義します。この値がtrueで、列の幅も設定されている場合、すべての列はその幅に比例してスケーリングされます。たとえば、幅が80ピクセルと120ピクセルの2つの列を定義し、グリッドの幅を300ピクセルにしたい場合、列はグリッド全体に合わせて引き伸ばされ、割り当てられる追加の幅は幅によって異なります。列自体と利用可能な追加の幅の。再計算は次のように行われます。最初の列は幅(300(新しい幅)/ 200(すべての幅の合計))* 80(最初の列の幅)= 120ピクセルを取得し、2番目の列は幅(300 (新しい幅)/ 200(すべての幅の合計))* 120(2番目の列の幅)=180ピクセル。これで、列の幅の合計は最大300ピクセルになります。これは、グリッドの幅です。値がfalseで、幅オプションの値が設定されている場合、サイズ変更は一切行われません。したがって、この例では、shrinkToFitがfalseに設定されている場合、列1の幅は80ピクセル、列2の幅は120ピクセル、グリッドは幅300ピクセルを保持します。縮小ToFitの値が整数の場合、幅はそれに応じて計算されます。-整数を使用した場合の効果を詳しく説明できます。2列目の幅は120ピクセルで、グリッドは300ピクセルの幅を保持します。縮小ToFitの値が整数の場合、幅はそれに応じて計算されます。-整数を使用した場合の効果を詳しく説明できます。2列目の幅は120ピクセルで、グリッドは300ピクセルの幅を保持します。縮小ToFitの値が整数の場合、幅はそれに応じて計算されます。-整数を使用した場合の効果を詳しく説明できます。

于 2012-09-13T11:50:39.707 に答える