FlexiGrid - Définir la largeur de la grille dans le code

Question

J'essaie Flexigrid pour une nouvelle application - Je suis vraiment impressionné mais je ne trouve pas un moyen de définir la largeur dans le code.

La raison principale de ceci est d'obtenir le GRID (pas les colonnes à l'intérieur de la grille) pour aligner complètement à la taille de la fenêtre. Je sais, ça tourne en dérision le resizer horizontal, mais c'est ce que je dois faire!

Pour votre information ma mise en place est la suivante:

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

mais la fonction suivante ne fonctionne pas:

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

Il provoque la grille pour se rafraîchir, mais rien de plus.

Answer 1

En dépit d'avoir pas de chance sur google pendant environ 20 minutes avant de poster ceci, la loi de Murphy signifiait que j'ai essayé une autre recherche rapide juste après et trouvé la réponse.

Il s'avère que "width" doit être réglé sur "auto" (notez que les guillemets sont vitaux).

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

Je laisserai cet article à tous ceux qui ont ce problème.