gridLib/jqGrid

jqGrid css style 변경

dddzr 2021. 10. 4. 00:21

setCell 이용

$("#GridId").jqGrid('setCell', rowId ,'columnName', "", {'background-color':'#FFB6C1'});

 

활용

var Pinkcss = {'background-color':'#FFB6C1'};

var ids = $('#gridName').jqGrid('getDataIDs'); //전체 rowId 가져오기 (배열)

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

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

	var rowId = ids[i];

	// 열(row) css 변경
	$('#gridNametr[id=' + idx + ']').addClass('className1 className2'); //미리 생성된 css, 띄워쓰기로 구분하여 여러개 추가 가능

	// 행(column) css 변경
	$('#gridName').jqGrid('setCell', rowId, 'columnName', '', Pinkcss);
    
}

'gridLib > jqGrid' 카테고리의 다른 글

JqGrid 공백(setCell)  (0) 2022.07.11
JqGrid row추가, 삭제 / 데이터 추가 방법  (0) 2021.10.09
jqGrid 속성 확인/변경  (0) 2021.10.04
jqGrid setCell (editalbe 속성 변경)  (0) 2021.09.12
jqGrid 크기 설정/변경  (0) 2021.09.12