调整大小后jqgrid标题和数据行不对齐

时间:2013-04-30 22:03:33

标签: javascript jqgrid

我遇到了一个问题,我尝试调整某些列标题,但是当我这样做时,标题和相应的数据行没有对齐。

这是我的jqgrid的定义。

先谢谢;) 马塞洛

    var loadGrid = function () {
        uCurriculosGrid.grid.data = $("#gridCurriculos").jqGrid({
            datatype: "local",
            height: "0",
            shrinkToFit: false,
            fixed: true,
            width: 1240,
            emptyrecords: 'Não existem curriculos para serem visualizados com esse filtro.',
            colNames : uCurriculosGrid.grid.myColumnsState.colNames,
            colModel: uCurriculosGrid.grid.myColumnsState.colModel,
            ignoreCase: true,
            multiselect: true,
            multiboxonly: true,
            caption: 'Curriculos',
            pager: '#pager',
            pgbuttons: false,
            pginput: false,
            editurl: "Administracao.aspx",
            viewrecords: true,
            onSelectRow: checkSelected,
            onSelectAll: checkSelected,
            beforeSelectRow: function (rowid, e) { return false; },
            gridComplete: onGridComplete,
            gridView: false,
            postData: uCurriculosGrid.grid.myColumnsState.filters,
            sortname: uCurriculosGrid.grid.myColumnsState.sortname,
            sortorder: uCurriculosGrid.grid.myColumnsState.sortorder,
            loadComplete: uCurriculosGrid.grid.loadComplete,
            resizeStop: uCurriculosGrid.grid.resizeStop,
            onSortCol: uCurriculosGrid.grid.onSortCol
        }).navGrid('#pager',
        { add: false, edit: true, del: true, search: true, refresh: false, editfunc: editSelected, delfunc: deleteSelected }, //options
        { reloadAfterSubmit: true, viewPagerButtons: false, closeOnEscape: true, closeAfterEdit: true }, // Edit options
        {}, // Add options
        {},
        {}
        );

UPDATE :我知道网格的配置正在localStorage中正确保存,因为当我重新加载页面时,未对齐的网格会对齐。

变得更加奇怪。当我使用de columnChooser编辑我的网格配置,并向网格添加一些列时,一切正常。但是当我恢复到默认配置时,会发生此错误。

2 个答案:

答案 0 :(得分:1)

尝试将属性shrinkToFit设置为true;

shrinkToFit : true,

wiki

中所述
  

此选项(如果已设置)定义应如何重新计算网格列的宽度,同时考虑网格的宽度。如果此值为true,并且还设置了列的宽度,则每个列都按其宽度成比例缩放。例如,如果我们定义两个宽度为80和120像素的列,但希望网格的宽度为300像素,则列将拉伸以适合整个网格,分配给它们的额外宽度将取决于宽度列本身和可用的额外宽度。

答案 1 :(得分:0)

BeforeLoad = function () {
            $('#AdvertisementGrid td:nth-child(6)').attr('colspan',6);
        }

它对我有用。这里“#AdvertisementGrid”是网格ID,将此id替换为您的网格ID。

相关问题