jqgrid - 列与 setGroupHeaders 不对齐答案

【问题标题】：jqgrid - columns mis-align with setGroupHeadersjqgrid - 列与 setGroupHeaders 不对齐
【发布时间】：2018-05-14 11:25:07
【问题描述】：

仅当我使用 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);
    })

没有分组的网格带分组的网格

非常感谢任何帮助。

【问题讨论】：

你下载了哪个版本的jqGrid？
我得到了 5.2.1 版本。

标签： jqgrid

【解决方案1】：

您能否尝试使用其他“标准”UI 主题？

我们有same demo，它工作正常。唯一的区别是主题和数据。

如果可能的话，您能否准备一个在线演示 - 我认为问题出在主题或数据以及它在 Guriddo jqGrid 中的插入方式

【讨论】：