[jqGrid] jqGrid 기능

멀티헤더 설정

$("#grd").jqGrid({
    // jqGrid 기본 설정
    colModel: [
        // 첫 번째 행의 컬럼 모델 정의
        { name: "PRODUCT_CD", label: "제품 코드", width: 100 },
        { name: "PRODUCT_NM", label: "제품명", width: 200 },
        { name: "PRODUCT_M_S", label: "시작일", width: 100 },
        { name: "PRODUCT_M_E", label: "종료일", width: 100 },
        // 더 많은 컬럼 정의가 이어질 수 있습니다.
    ],
    // 기타 jqGrid 설정...
});

// 멀티헤더(그룹 헤더) 설정
$("#grd").jqGrid('setGroupHeaders', {
    useColSpanStyle: true, // 빈 셀에 대해서는 colSpan을 사용하지 않음
    groupHeaders: [
        {
            startColumnName: 'PRODUCT_M_S', // 이 컬럼부터
            numberOfColumns: 2, // 이 컬럼을 포함하여 총 2개의 컬럼을 그룹화
            titleText: '일정' // 그룹 헤더의 제목
        },
        // 필요하다면 더 많은 그룹 헤더를 정의할 수 있습니다.
    ]
});

 

 

열고정

$("#grd").jqGrid({
    // 기본 jqGrid 설정
    colModel: [
        { name: 'PRODUCT_CD', label: '제품 코드', width: 100, frozen: true },
        { name: 'PRODUCT_NM', label: '제품명', width: 200 },
        // 더 많은 컬럼 정의...
    ],
    // 기타 설정...
});

// 열 고정 적용
$("#grd").jqGrid('setFrozenColumns');