FlexiGrid - Breite des Gitters im Code einstellen

Question

Ich probiere Flexigrid für eine neue App aus - ich bin wirklich beeindruckt, aber ich finde keine Möglichkeit, die Breite im Code festzulegen.

Der Hauptgrund dafür ist, das GRID (nicht die Spalten innerhalb des Rasters) vollständig auf die Größe des Fensters auszurichten. Ich weiß, es macht einen Hohn auf die horizontale Skalierung, aber das muss ich tun!

FYI mein Set up ist folgende:

$(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 
    } 
    ); 
}); 

aber die folgende Funktion nicht funktioniert:

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

Es bewirkt, dass das Raster zu aktualisieren, aber nichts mehr.

Answer 1

Obwohl ich 20 Minuten lang kein Glück auf Google hatte, bevor ich das hier veröffentlichte, bedeutete Murphys Gesetz, dass ich kurz danach eine andere schnelle Suche versuchte und die Antwort fand.

Stellt sich heraus, dass "width" sollte auf "auto" eingestellt werden (beachten Sie die Anführungszeichen sind wichtig).

$("#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 
} 
); 

Ich werde diesen Beitrag für jeden anderen verlassen, der dieses Problem hat.