仅当我使用setGroupHeaders时,我的列未与标题对齐时才出现问题。如我的代码所示,我正在设置列宽(如其他帖子中所示)。我也在使用最新版本的jqgrid(今天刚下载它,看它是否能解决这个问题)。
我的JS:
var jqadminagrid_data = [{}];
var wwidth = $(window).width()*.90;
var fifteen=wwidth*.06;
var onehundred=wwidth*.16;
var seventy=wwidth*.11;
var sixty=wwidth*.09;
var onetwenty=wwidth*.18;
var fiftyfive=wwidth*.08;
var eightyfive=wwidth*.13;
jQuery("#jqadminagrid").jqGrid({
url: "createadminaxml.cfm",
datatype : "xml",
height : 'auto',
colNames : ['CTR Title', 'CTR Name', '', '', 'Status Date', 'End User', 'Signed By', 'Total Cost'],
//colNames : ['CTR Title', 'CTR Name', '', 'Status Date', 'End User', 'Signed By', 'Total Cost'],
colModel : [{
name : 'title',
index : 'title',
width: onehundred
}, {
name : 'ctrname',
index : 'ctrname',
width: sixty
}, {
name : 'status',
index : 'status',
width: onehundred
},{
name : 'statusbutton',
index : 'statusbutton',
width: fiftyfive
}, {
name : 'date',
index : 'date',
width: fiftyfive
}, {
name : 'euname',
index : 'euname',
sortable: true,
width: eightyfive
}, {
name : 'signed',
index : 'signed',
width: seventy
}, {
name : 'total',
index : 'total',
width: fiftyfive
}],
rowNum : 15,
rowList : [15, 30, 45],
pager : '#pjqadminagrid',
sortname : 'ctrname',
toolbarfilter : true,
viewrecords : true,
sortorder : "asc",
autowidth : true,
});
jQuery("#jqadminagrid").jqGrid('setGroupHeaders', {
useColSpanStyle: false,
groupHeaders:[{startColumnName: 'status', numberOfColumns: 2, titleText: '<center><b>Status</b></center>'}]
});
jQuery("#jqadminagrid").navGrid("#pjqadminagrid", {
edit: false, add: false, del: false, search: false, refresh: false
});
$(window).on("resize", function () {
var newWidth = $("#jqadminagrid").closest(".ui-jqgrid").parent().width()*.95;
jQuery("#jqadminagrid").jqGrid("setGridWidth", newWidth, true);
})
非常感谢任何帮助。
答案 0 :(得分:0)
你能不能试试其他一些&#34;标准&#34; UI主题?
我们有same demo并且工作正常。唯一的区别是主题和数据。
如果可能,请准备一个在线演示 - 我认为问题出在主题或数据中以及它插入Guriddo jqGrid的方式