렌더링

html 렌더링 커스텀 버튼(셀 내) 넣기

컬럼 데이터를 HTML로 편집하여 셀에 표시하려면
QCELL 프로퍼티에서 {..., type : "html", options: {html : {data: fnChecking}}}를 추가하여 렌더링 함수를 등록하고 필요한 편집 기능을 구현하면 됩니다.

여기에서는 버튼을 추가하고 해당 버튼에 대한 스타일 클래스를 적용하여 구현했습니다.

각 버튼에 대해 고유한 스타일을 적용하거나 조작하기 위해 ID를 만들어 추가했습니다.
동일한 함수를 사용하지만 몇 번째 행이나 열에서 발생했는지를 식별하기 위해 해당 정보를 함수에 전달했습니다.

이렇게 하면 HTML 렌더링 시 원하는 정보와 상태를 추가하여 작성할 수 있습니다.

function fnChecking(id, row, col, val, obj){
var str, tid = 'cell_'+row+'_'+col;
str = "<button> id='"+tid+"' class='rt-qc-button' onclick='button_click("+row+","+col+");'>점검 확인<button>";
return str;
};

강원도
강동초등학교
노상
강원도 강릉시 강동면 단경길 20
37.725
128.963
강동초등학교
0%10%20%30%40%50%60%70%80%90%100%
강원도
강릉초등학교
노상
강원도 강릉시 토성로 103
37.451
128.532
강릉초등학교
0%10%20%30%40%50%60%70%80%90%100%
강원도
성덕초등학교
부설
강원도 강릉시 용지로 60
0.000
0.000
성덕초
0%10%20%30%40%50%60%70%80%90%100%
강원도
송양초등학교
노외
강원도 강릉시 성산면 위촌길 198
37.759
128.847
송양초등학교
0%10%20%30%40%50%60%70%80%90%100%
강원도
신영초등학교
노상
강원도 강릉시 주문북로160
37.907
128.822
신영초등학교
0%10%20%30%40%50%60%70%80%90%100%
강원도
신왕초등학교
부설
강원도 강릉시 연곡면 진고개로 2265-11
37.000
128.000
신왕초등학교 행정실
0%10%20%30%40%50%60%70%80%90%100%
강원도
옥계초등학교
노상
강원도 강릉시 옥계면 옥계로 1074
0.000
0.000
옥계초등학교
0%10%20%30%40%50%60%70%80%90%100%
-91
2
3
4
5
6
7
시도
주차장명
유형
주소
위도
경도
관리기관
주차장활용율
확인

<!DOCTYPE html>
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX