[jqGrid] cell style 변경하기(setCell)

jqGrid를 사용하는데

특정 컬럼의 스타일을 

변경하고 싶은 경우 어떻게 해야할까?

loadComplete 메소드(데이터 로딩 후 호출되는 메소드) 내에서 처리!

// 배경색상 css 선언

var cssGreen = {'background-color':'#6DFF6D'};

   

// 그리드 데이터의 ID 가져오기

var ids = $('#gridName').jqGrid('getDataIDs');

   

// 그리드 데이터 가져오기

var gridData = $("#gridName").jqGrid('getRowData');

// 데이터 확인후 색상 변경

for (var i = 0; i < gridData.length; i++) {

var idx = ids[i];

// 열의 색상을 변경하고 싶을 때(css는 미리 선언)

$('#gridNametr[id=' + idx + ']').addClass('grid-test');

   

// 칼럼의 색생을 변경하고 싶을 때

$('#gridName').jqGrid('setCell', idx, 'document_status_text', '', cssGreen);

}

이렇게 처리하면 컬럼이나 열의 style을 변경할 수 있다.