2017-11-30 4 views
0

setGroupHeaders를 사용할 때만 열이 머리글과 정렬되지 않은 경우 문제가 있습니다. 내 코드에서 볼 수 있듯이 (다른 게시물에서 제안한 것처럼) 열 너비를 설정하고 있습니다. 나는 또한 jqgrid의 최신 버전을 사용하고있다. (단지이 문제를 해결할 수 있는지 오늘 다운로드했다.)jqgrid - 열이 setGroupHeaders와 맞지 않습니다.

내 JS : Grid with grouping

모든 지원을 그룹화와 전혀 그룹화 Grid with no grouping 그리드와

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); 
    }) 

그리드 대단히 감사합니다.

+1

다운로드 한있는 jqGrid 어떤 버전의가 Guriddo있는 jqGrid에 삽입되는 방식 테마 또는 데이터의 하나라고 생각? –

+0

버전 5.2.1이 있습니다. –

답변

0

다른 "표준"UI 테마로 시도해주세요.

우리는 same demo을 가지고 있으며 정상적으로 작동합니다. 유일한 차이점은 Theme 및 데이터입니다. 당신이 온라인 데모를 준비하시기 바랍니다 수 있습니다 가능하면

- 나는 문제는 당신이