Я использую последнюю версию jqgrid 4.3.1 и пытаюсь использовать замороженные столбцы.
Проблема в том, что я переопределил css по умолчанию для поддержки переноса слов (решение css можно увидеть в этом вопросе ) в jqgrid, и я думаю, что это причина того, что замороженные столбцы не выравниваются правильно с обычными столбцами. Высота замороженных рядов не совпадает с высотой остальной части сетки. Вот скриншот ... замороженные столбцы выделены красным цветом (ПРИМЕЧАНИЕ: я вычеркнул содержимое, если оно не является общедоступным сайтом:
В любом случае, есть ли в jqgrid строки 100 строк со строкой, завернутой в слова?
ПРИМЕЧАНИЕ: после попытки решения Олега ниже, оно работает в Firefox, но в IE8 я не вижу горизонтальную полосу прокрутки (см. Рис.)
Firefox:
IE: (обратите внимание, горизонтальная полоса прокрутки отсутствует)
Примечание:
Чтобы помочь ответить на вопрос Олега, вот дамп моей установки jqgrid:
jQuery(gridSelector).jqGrid({
mtype: 'POST',
toppager: true,
url: siteRoot + controller + "/" + gridDataName + "?" + querystring,
datatype: "json",
colNames: names,
colModel: model,
shrinkToFit: false,
imgpath: siteRoot + "Scripts/jqGrid431/themes/steel/images",
rowNum: 20,
rowList: [10, 20, 50, 999],
altRows: true,
altclass: "altRow",
jsonReader: {
root: "Rows",
page: "Page",
total: "Total",
records: "Records",
repeatitems: false,
id: "Id"
},
search: true,
postData: (myfilter) ? { filters: JSON.stringify(myfilter)} : {},
//postData: { filters: JSON.stringify(myfilter) },
pager: pagerSelector,
height: "auto",
sortname: sortCol,
viewrecords: true,
sortorder: sortDirection,
beforeRequest: function () {
var grid = jQuery(gridSelector);
if (gridprefs && gridprefs.filter) {
grid.setPostDataItem('_search', true);
for (var prop in gridprefs.filter) {
var value = eval('gridprefs.filter.' + prop);
if ('' + value != '') {
grid.setPostDataItem(prop, value);
}
}
grid.setPostDataItem('sidx', gridprefs.scol);
grid.setPostDataItem('sord', gridprefs.sord);
grid.setPostDataItem('page', gridprefs.page);
grid.setPostDataItem('rows', gridprefs.rows);
grid.jqGrid('setGridParam', {
sortname: gridprefs.scol,
sortorder: gridprefs.sord,
page: gridprefs.page,
rowNum: gridprefs.rows
});
}
},
loadComplete: function () {
var newCapture = "", filters, rules, rule, op, i, iOp,
postData = jQuery(gridSelector).jqGrid("getGridParam", "postData"),
isFiltering = jQuery(gridSelector).jqGrid("getGridParam", "search");
if (isFiltering === true && typeof postData.filters !== "undefined") {
filters = $.parseJSON(postData.filters);
newCapture = "Filter: [";
rules = filters.rules;
for (i = 0; i < rules.length; i++) {
rule = rules[i];
op = rule.op; // the code name of the operation
iOp = $.inArray(op, arOps);
if (iOp >= 0 && typeof $.jgrid.search.odata[iOp] !== "undefined") {
op = $.jgrid.search.odata[iOp];
}
newCapture += rule.field + " " + op + " '" + rule.data + "'";
if (i + 1 !== rules.length) {
newCapture += ", ";
}
}
newCapture += "]";
}
jQuery(gridSelector).jqGrid("setCaption", newCapture);
fixPositionsOfFrozenDivs.call(this);
$(gridSelector).supersleight({ shim: siteRoot + 'Content/Images/shim.gif' });
if (gridprefs && gridprefs.filter) {
for (var prop in gridprefs.filter) {
$('#gs_' + prop).val(eval('gridprefs.filter.' + prop));
}
$(".ui-pg-selbox").val(gridprefs.rows);
$(".ui-pg-input").val(gridprefs.page);
}
gridprefs = {};
},
editurl: siteRoot + controller + "/Update" + appendRoute,
ondblClickRow: editable ?
function (rowid) {
jQuery(gridSelector).editGridRow(rowid, { width: 600 });
} :
function (rowid) { }
});
//$(gridSelector).jqGrid('navGrid', '#pager', { search: true, cloneToTop: true });
$(gridSelector).jqGrid('filterToolbar', { stringResult: true, searchOnEnter: true });
jQuery(gridSelector).jqGrid('bindKeys', {});
if (editable) {
jQuery(gridSelector).navGrid(pagerSelector,
{ cloneToTop: true, refresh: false
},
{ height: 380, width: 500, reloadAfterSubmit: true, closeAfterEdit: true, url: siteRoot + controller + "/Update", zIndex: 1100 },
{ height: 380, width: 500, reloadAfterSubmit: true, closeAfterAdd: true, url: siteRoot + controller + "/Add", zIndex: 1100 },
{ reloadAfterSubmit: true, url: siteRoot + controller + "/Delete" },
{ multipleSearch: true,
beforeShowSearch: function($form) {
$('#searchmodfbox_' + $(gridSelector)[0].id).width(560);
}
});
} else {
jQuery(gridSelector).navGrid(pagerSelector,
{ cloneToTop: true, refresh: false, add: false, edit: false, del: false },
{ }, { }, { }, { multipleSearch: true,
beforeShowSearch: function($form) {
$('#searchmodfbox_' + $(gridSelector)[0].id).width(560);
}
});
}
myAddButton(gridSelector, {
caption: "",
title: "Reload Grid",
buttonicon: 'ui-icon-refresh',
onClickButton: function () {
$(gridSelector).trigger("reloadGrid");
}
});
}