Javascript FlexiGrid-在代码中设置网格宽度

Javascript FlexiGrid-在代码中设置网格宽度,javascript,jquery,flexigrid,Javascript,Jquery,Flexigrid,我正在尝试一个新的应用程序-我对它印象深刻,但我找不到一种方法来设置代码的宽度 这样做的主要原因是使网格(而不是网格内的柱)完全与窗口的大小对齐。我知道,这是对水平调整器的嘲弄,但这就是我必须要做的 仅供参考,我的设置如下: $(document).ready(function() { $("#flex1").flexigrid ( { url: '<%= ResolveUrl("~/Data.ashx") %>?filter=none',

我正在尝试一个新的应用程序-我对它印象深刻,但我找不到一种方法来设置代码的宽度

这样做的主要原因是使网格(而不是网格内的柱)完全与窗口的大小对齐。我知道,这是对水平调整器的嘲弄,但这就是我必须要做的

仅供参考,我的设置如下:

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

这会导致网格刷新,但仅此而已。

尽管在发布这篇文章之前大约20分钟在谷歌上没有运气,但墨菲定律意味着我在发布后尝试了另一次快速搜索并找到了答案

原来“宽度”应该设置为“自动”(注意引号是至关重要的)

$(“#flex1”).flexigrid
(
{
url:“?筛选器=无”,
数据类型:“json”,
colModel:[
{显示:'',名称:'view',宽度:20,可排序:true,对齐:'center'},
{显示:'Street',名称:'Street',宽度:260,可排序:true,对齐:'left'},
{显示:'Town',名称:'Town',宽度:200,可排序:true,对齐:'left'},
{显示:'',名称:'Actions',宽度:30,可排序:false,对齐:'center'}
],
sortname:“街道”,
分拣员:“asc”,
是的,
标题:"街道",,
useRp:是的,
rp:15,
showTableToggleBtn:false,
宽度:“自动”,
身高:200
}
);

我会把这篇文章留给其他有这个问题的人。

关于列宽呢?我怎么能让它们像桌子一样调整大小呢?我试过自动,但没有“以前”和“它不起作用”,但我没有想到“自动”:P哈哈哈,Thanx人!
function ResizeGrid() {
    $('#flex1').flexOptions({ width:1000 }).flexReload();
}
$("#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
}
);