개발문서를 읽기는 했는데 영어를 잘못해서 그런가 전혀 방법을 모르겠더라구요 ㅠㅠ
임시방편으로 제이쿼리 이용해서 dom수정하는식으로 처리했는데 찝찝하네요..

아니 숨은 용자가 여기 계셨군요.
저는 jsgrid 만지다 포기했건만...

혹 괜찮으시다면 어떻게 사용하시는지
팁이나 방법 공유좀 부탁 드려도 될까요? ^^a

시간이.. 되신다면... 말이죠... ㅎ

아 말그대로 일단 jsgrid로 테이블을 작성한다음에
셀 합치고자 하는부분을 제이쿼리 이용해서 dom을 수정한거에요..ㅠㅠ
정말 단순히 임시방편...

코드는 아래와 같습니다.

   $("#board-list").jsGrid({
            filtering      : false,
            editing        : false,
            sorting        : false,
            paging         : true,
            autoload       : true,
            controller     : db,
            deleteConfirm  : "정말로 삭제하시겠습니까?\n한번 삭제된 데이터는 복구할수 없습니다.",
            pageButtonCount: 5,
            pageSize       : 15,
            width          : "100%",
            height         : "auto",
            fields         : [
                { name: "체크", type: "text", width: 40 },
                { name: "객실명", type: "text", width: 200 },
                { name: "크기", type: "text", width: 100 },
                { name: "최소", type: "text", width: 100, headercss: "sub" },
                { name: "최대", type: "text", width: 100, headercss: "sub" },
                { name: "주중1", type: "text", width: 100, headercss: "sub" },
                { name: "주말1", type: "text", width: 100, headercss: "sub" },
                { name: "주중2", type: "text", width: 100, headercss: "sub" },
                { name: "주말2", type: "text", width: 100, headercss: "sub" },
                { name: "주중3", type: "text", width: 100, headercss: "sub" },
                { name: "주말3", type: "text", width: 100, headercss: "sub" },
                { name: "특정일", type: "text", width: 100 },
                { name: "관리", type: "text", align: "center", width: 110, headercss: "set-btn-header", css: "set-btn-field" }
            ]
        });
    
        var $chk = $(".jsgrid-table th:first-child");
        if ($chk.text() == '체크') {
            var html = '<label for="chkall" class="checkbox"><input type="checkbox" name="chkall" id="chkall" value="1" onclick="check_all(this.form)"><i></i></label>';
            $chk.html(html);
        }
    
    
        // 테이블 셀병합
        var $row = $(".jsgrid-header-row"); // 병합할 행
        var $sub = $row.find("th").filter(".sub"); // 행에서 하위표시 하고자 하는 셀
        var subHtml = '';
    
        $row.after("<tr class='sub-row jsgrid-header-row'></tr>"); // 병합을 위해 1행 추가
        $row.find("th").not(".sub").attr("rowspan","2"); // 하위요소가 아닌 셀에 rowspan으로 병합
        $row.siblings(".sub-row").append($sub); // 새로 생성된 행으로 하위요소 이동
        $row.find("th").eq(2).after("<th colspan='2'>기준인원</th><th colspan='2'>비수기</th><th colspan='2'>준성수기</th><th colspan='2'>성수기</th>") // 하위요소들을 묶을 상위셀 추가
        
        $.each($sub,function(i){
            $(this).text($(this).text().replace(/[0-9]/g,'')) //jsgrid fileds값의 분간을 위해 사용한 숫자 제거
        })

대단하시네요 ^^
댓글 보고 저도 적용 한번 해봐야 겠어요!