let sss = [{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "Test 품명", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "I-D", "CLEAN_W": "2100", "CLEAN_H": "3000", "CLEAN_T": "150", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "I-D", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "T", "CLEAN_W": "2230", "CLEAN_H": "2100", "CLEAN_T": "850", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "I-D", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "O-D", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "O-D", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "Test 품명", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "Test 품명", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "Test 품명", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "Test 품명", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "Test 품명", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "Test 품명", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "Test 품명", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "Test 품명", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "Test 품명", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "T", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "I-D", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "I-D", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "I-D", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "T", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "O-D", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "T", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "I-D", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "I-D", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "T", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "O-D", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },{ "CONTR_NO": "FLANGE", "CONTR_ORD_STS": "O-D", "CLEAN_W": "2140", "CLEAN_H": "2500", "CLEAN_T": "250", "FILE_NO": "Test 재질", "REF_IN_NO": "111-222-333333", "LAST_CARGO": "2023-08-12", "LAST_CARGO_KR": "1,233", "BP_NM": "Ea", "BILL_BP_NM": "$", "WH_NM": "500", "IN_PLN_DT": "60", "IN_ORD_FLG": "300", },]; const fields = [ { formatter:"rowSelection", titleFormatter: "rowSelection", width: "2%", minWidth:36, headerSort: false, }, { field: "CONTR_NO", title: "품목", width: "8%", minWidth:50, }, { field: "CONTR_ORD_STS", title: "품명", width: "6%", minWidth:50, editor: "input", }, { field: "CLEAN_TYPE", title: "규격", width: "12%", minWidth:100, editor: "input", columns:[ {field:"CLEAN_W", title:"W", hozAlign:"center", width:"4%", minWidth:80}, {field:"CLEAN_H", title:"H", hozAlign:"center", width:"4%", minWidth:80}, {field:"CLEAN_T", title:"T", hozAlign:"center", width:"4%", minWidth:80}, ], }, { field: "FILE_NO", title: "재질", width: "7%", minWidth:50, editor: "input", }, { field: "REF_IN_NO", title: "도면번호", width: "7%", minWidth:50, editor: "input", }, { field: "LAST_CARGO", title: "납기요청일", width: "12%", minWidth:50, editor: "date", editorParams: {max:"9999-12-31"}, }, { field: "LAST_CARGO_KR", title: "수량", width: "12%", minWidth:50, editor: "input", }, { field: "BP_NM", title: "단위", width: "12%", minWidth:50, editor: "input", }, { field: "BILL_BP_NM", title: "화폐", width: "12%", minWidth:50, editor: "list", editorParams:{values:{"₩":"원(₩)", "$":"달러($)", "¥":"엔화(¥)", "€":"유로(€)"}} }, { field: "WH_NM", title: "분철단가", width: "6%", minWidth:80, editor: "input", }, { field: "IN_PLN_DT", title: "단중단가", width: "9%", minWidth:50, editor: "input", }, { field: "IN_ORD_FLG", title: "가공단가", width: "6%", minWidth:50, editor: "input", }, //tb_common_funtions => /ksvc/inc/js/tabulator.js ]; const tblList = new Tabulator("#tblList",{ layout: "fitColumns", data: sss, //기본 데이터 height: "100%", columns: fields, //컬럼 설정 columnDefaults: { //컬럼 공통 규칙 vertAlign: "middle", hozAlign: "center", resizable: "header",//Resize 는 헤더에서만 가능 headerHozAlign: "center", //헤더 정렬 headerSortTristate: true, //데이터 정렬 => 정/역/초기화 }, headerSortElement: "", //정렬 아이콘 }); document.getElementById("btnAddRow").addEventListener("click", function(){ tblList.addRow({}); });