jqgrid - 列与setGroupHeaders错误对齐

时间:2017-11-30 13:48:56

标签: jqgrid

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

没有分组的网格 Grid with no grouping 网格分组 Grid with grouping

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

你能不能试试其他一些&#34;标准&#34; UI主题?

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

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