jqGrid Header(column) Setting, colspan 컬럼 합치기, 다중컬럼

jQuery  grid 에서 단순하게 Header 를 축력하지 않고 몇개의 column 을 합쳐서 출력해야 하는 경우

아래와 같이 작성하면된다.

 

=================================== Header Setting Sample =============================================

//Group Header Setting
  $("#grid_id").jqGrid('setGroupHeaders', {
     useColSpanStyle: true,
     groupHeaders:[
    {startColumnName: '시작컬럼1', numberOfColumns: 2, titleText: '첫번째 합침 컬럼'},
    {startColumnName: '시작컬럼2', numberOfColumns: 3, titleText: '두번째 합침 컬럼'}
     ]
  });

 

* startColumnName 는 시작 컬럼명 세팅

* numberOfColumns 합칠 colunm 갯수

* 결과 - 아래 표와 같은 형태로 하위 메뉴는 2~ 무한대로 하치는게 가능 (rowspan도 가능할듯)

 

첫번째 합침 컬럼

두번째 합침 컬럼

 

시작컬럼1

시작컬럼2

 

 

[출처] jqGrid Header(column) Setting, colspan 컬럼 합치기, 다중컬럼 (하늘 Java) |작성자 프라임