렌더링

신호등 렌더링

QCELL에서 컬럼 타입을 html으로 사용하여 신호등 형태로 표현할 수 있습니다.
valuechanged 이벤트를 사용하여 신호등 색은 점수 값이 80이상 100점이면 파랑색, 1이상 79이하면 주황색, 0 값은 회색으로 표현하였습니다.

그리고 점수 컬럼에 특수 문자, 한글, 영문이 입력되지 않도록 datatype:'number'로 지정하고 컬럼 옵션인 포맷과 포맷 옵션을 사용하였습니다.