FlexiGrid - コード内のグリッドの幅を設定する

Question

私は新しいアプリのためにFlexigridを試しています - 本当に感心していますが、コードの幅を設定する方法が見つかりません。

主な理由は、GRID（グリッド内の列ではない）をウィンドウのサイズに完全に合わせることです。わかった、それは水平リサイズの嘲笑をするが、それは私がしなければならないことだ！

はFYI私のセットアップは、以下の通りです：

$(document).ready(function() { 
    $("#flex1").flexigrid 
    (
    { 
     url: '<%= ResolveUrl("~/Data.ashx") %>?filter=none', 
     dataType: 'json', 
     colModel: [ 
     { display: '', name: 'view', width: 20, sortable: true, align: 'center' }, 
     { display: 'Street', name: 'Street', width: 260, sortable: true, align: 'left' }, 
     { display: 'Town', name: 'Town', width: 200, sortable: true, align: 'left' }, 
     { display: '', name:'Actions', width:30, sortable: false, align: 'center' } 
     ], 
     sortname: "Street", 
     sortorder: "asc", 
     usepager: true, 
     title: 'Streets', 
     useRp: true, 
     rp: 15, 
     showTableToggleBtn: false, 
     width: 800, 
     height: 200 
    } 
    ); 
}); 

が、以下の機能が動作しません。

function ResizeGrid() { 
    $('#flex1').flexOptions({ width:1000 }).flexReload(); 
} 

それはリフレッシュするために、グリッドを引き起こしますが、何よりも。

Answer 1

マーフィーの法律は、これを投稿する前に約20分間googleに運がなかったにもかかわらず、ちょうど後で別のクイック検索を試み、答えを見つけたことを意味していました。

「幅」は「自動」に設定する必要があります（引用符は重要です）。

$("#flex1").flexigrid 
(
{ 
    url: '<%= ResolveUrl("~/Data.ashx") %>?filter=none', 
    dataType: 'json', 
    colModel: [ 
    { display: '', name: 'view', width: 20, sortable: true, align: 'center' }, 
    { display: 'Street', name: 'Street', width: 260, sortable: true, align: 'left' }, 
    { display: 'Town', name: 'Town', width: 200, sortable: true, align: 'left' }, 
    { display: '', name:'Actions', width:30, sortable: false, align: 'center' } 
    ], 
    sortname: "Street", 
    sortorder: "asc", 
    usepager: true, 
    title: 'Streets', 
    useRp: true, 
    rp: 15, 
    showTableToggleBtn: false, 
    width: 'auto', 
    height: 200 
} 
); 

この問題を抱えている人は誰でもこの投稿を残します。