코딩/Tabulator 검색 결과

해당 글 3건

Tabulator 기본

tabledata 본문에 쓰인 데이터는 아래 오브젝트 형식이다. var tabledata = [ {subject:"홍길동", d2:"외근", d3:"외근(예정)"}, {subject:"이순신", memo:"51"}, {subject:"유관순", d1:"휴가", d2:"휴가", d2_origin:"경조휴가"}, ]; 칼럼 공통 속성 설정 - columnDefaults 아래처럼 칼럼마다 속성 (width, headerHozAlign, hozAlign, resizable 등) 을 지정할 수도 있고, var columns =[ {title:"구분", field:"subject", width:150, headerHozAlign:"center", hozAlign:"center", resizable:false}, {..
코딩/Tabulator 2024. 1. 25. 17:23

Tabulator - 다른 열 참조, 집계/합계, 스타일(css) 변경

현재 또는 다른 cell 값을 참조하여 css 설정 현재 cell 값을 참조 현재 cell 이 위치한 열의 다른 cell(행) 값을 참조 위와 같이 조건을 검사하여서 cell (음영, 테두리 등) 및 TEST 의 style 지정. function cell_is_useless (cell) { var value = cell.getValue(); var memo = cell.getRow().getData().memo; var limit_date = cell.getRow().getData().limit_date; if (limit_date < $("#today").val()) cell.getElement().style.backgroundColor = "#df5645"; if (memo == '연장 필요 없음')..
코딩/Tabulator 2023. 9. 1. 14:56

tabulator - headerFilter select 정렬, 정확히 일치

Defulat 아래와 같이 tabulator 를 사용할 때 headerFilter 를 select 타입으로 지정할 수 있다. var columns = [ {title:"브랜드", field:"BRAND", hozAlign:"center", headerFilter:"select", headerFilterParams:{values:true}, topCalc:setTopTitle}, {title:"시즌", field:"YEAR_CODE", hozAlign:"center", headerFilter:"select", headerFilterParams:{values:true}}, {title:"계절", field:"SEASON", hozAlign:"center", headerFilter:"select", heade..
코딩/Tabulator 2023. 6. 20. 18:02