Commit @fa2ea7ccdc70177d7664c2a1c4b36223b91c6e79

이호영 2024-09-10

타블레이터와 타이틀 간격 맞추기

@fa2ea7ccdc70177d7664c2a1c4b36223b91c6e79

2b1269a

fa2ea7c

src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforExcel.jsp

--- src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforExcel.jsp

+++ src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforExcel.jsp


         	excelFileChange(fileInfo[0]);
     	} else {
             fn_loadRemoveActive(); // 파일이 선택되지 않은 경우 로딩 상태 제거
-            setTimeout(() => { $(this).val(''); }, 0);  // 파일 선택 초기화
+            $(this).val('');  // 파일 선택 초기화
         }
     });
-
-    // 타뷸레이터 width값 변경 시 위에 select width 값 변경
-    setTimeout(function(){
-    	$(".tabulator-col-resize-handle").on("mousedown",function(){
-        	$(this).on("mousemove",function(){
-        		//console.log("d")
-        		var colWid = $(this).prev(".tabulator-col-sorter-element").width();
-        		var colIdx = $(this).prev(".tabulator-col-sorter-element").index();
-        		colIdx = colIdx / 2;
-        		colIdx = colIdx - 1;
-        		
-        		if(titleIndex != 0){
-        			$(".select_adr_hd div").eq(colIdx).width(colWid);
-        			console.log("d1")
-        		}else{
-        			console.log("a1")
-        			$(".select_adr_hd div").eq(0).width(colWid+40);
-        		}
-        	})
-        })    	
-    })
 
 
 	//받는사람 오류번호 삭제 처리해주기

2b1269a

fa2ea7c

src/main/webapp/js/web/addr/init.js

--- src/main/webapp/js/web/addr/init.js

+++ src/main/webapp/js/web/addr/init.js


 	    },
 	});
 
-	// 타뷸레이터 width값 변경 시 위에 select width 값 변경
-	var titleArray = ["A","B","C","D","E","F","G"];
-	
-	$tableExcel.on("columnWidth",function(column){
-		//console.log(column._column.element)
-		//console.log(column._column.width)
-		//console.log(column._column.definition.title)
-		var titleIndex = titleArray.indexOf(column._column.definition.title);
-		titleIndex += 1;
-		console.log(titleIndex)
-		if(titleIndex != 0){
-			$('.select_adr_hd>div').eq(titleIndex).css('width', column._column.width);
-			console.log("d")
-		}else{
-			console.log("a")
-			$('.select_adr_hd>div').eq(0).css('width', column._column.width + 40);
-		}
-	});
-	
-   $tableExcel.on("scrollHorizontal",function(left){
-	      $(".adr_excel").scrollLeft(left);
-   })
-
-	
-	$(".adr_excel").on("scroll",function(){
-		$(".tabulator-tableholder").scrollLeft($(this).scrollLeft());
-	});
 	
 	
 

 		navigation: true // 키보드 탐색 활성화
 	});
 }
+
+
+
+
+
+// 타뷸레이터 width값 변경 시 위에 select width 값 변경
+var titleArray = ["A","B","C","D","E","F","G"];
+
+$tableExcel.on("columnWidth",function(column){
+	var titleIndex = titleArray.indexOf(column._column.definition.title);
+	titleIndex += 1;
+	console.log(titleIndex)
+	if(titleIndex != 0){
+		$('.tableExcel .select_adr_hd>div').eq(titleIndex).css('width', column._column.width);
+		console.log("d")
+	}else{
+		console.log("a")
+		$('.tableExcel .select_adr_hd>div').eq(0).css('width', column._column.width + 40);
+	}
+});
+
+$tableExcel.on("scrollHorizontal",function(left){
+      $(".tableExcel .adr_excel").scrollLeft(left);
+})
+
+
+$(".tableExcel .adr_excel").on("scroll",function(){
+	$(".tableExcel .tabulator-tableholder").scrollLeft($(this).scrollLeft());
+});
+
+
+
+
+$tableClip.on("columnWidth",function(column){
+	var titleIndex = titleArray.indexOf(column._column.definition.title);
+	titleIndex += 1;
+	console.log(titleIndex)
+	if(titleIndex != 0){
+		$('.tableClip .select_adr_hd>div').eq(titleIndex).css('width', column._column.width);
+		console.log("d")
+	}else{
+		console.log("a")
+		$('.tableClip .select_adr_hd>div').eq(0).css('width', column._column.width + 40);
+	}
+});
+
+$tableClip.on("scrollHorizontal",function(left){
+      $(".tableClip .adr_excel").scrollLeft(left);
+})
+
+$(".tableClip .adr_excel").on("scroll",function(){
+	$(".tableClip .tabulator-tableholder").scrollLeft($(this).scrollLeft());
+});

2b1269a

fa2ea7c

src/main/webapp/publish/css/popupLayer.css

--- src/main/webapp/publish/css/popupLayer.css

+++ src/main/webapp/publish/css/popupLayer.css


 .adr_excel .adr_hd>div:last-child::after{display:none;}
 
 /* 붙여넣기 colgroup */
-.excel_paste .adr_hd>div:nth-child(1), .excel_paste .adr_bd>div:nth-child(1) {width: 40px;}
+/* .excel_paste .adr_hd>div:nth-child(1), .excel_paste .adr_bd>div:nth-child(1) {width: 40px;}
 .excel_paste .adr_hd>div:nth-child(2), .excel_paste .adr_bd>div:nth-child(2) {width: 8%;}
 .excel_paste .adr_hd>div:nth-child(3), .excel_paste .adr_bd>div:nth-child(3) {width: 10%;}
 .excel_paste .adr_hd>div:nth-child(4), .excel_paste .adr_bd>div:nth-child(4) {width: 14%;}

 .excel_paste .adr_hd>div:nth-child(7), .excel_paste .adr_bd>div:nth-child(7) {width: 11%;}
 .excel_paste .adr_hd>div:nth-child(8), .excel_paste .adr_bd>div:nth-child(8) {width: 11%;}
 .excel_paste .adr_hd>div:nth-child(9), .excel_paste .adr_bd>div:nth-child(9) {width: 10%;}
-.excel_paste .adr_hd>div:nth-child(10), .excel_paste .adr_bd>div:nth-child(10) {width: 10%;}
+.excel_paste .adr_hd>div:nth-child(10), .excel_paste .adr_bd>div:nth-child(10) {width: 10%;} */
 
 /* 주소록 불러오기 */
 .adr_pop_list2 {width: 100%; margin: 10px 0 23px 0; float: left;}

 
 /* tbody */
 .adr_excel .adr_bd_wrap {background-color: #f2f2f2;}
-.excel_paste .adr_bd_wrap {height: 169px;}
+/* .excel_paste .adr_bd_wrap {height: 169px;} */
 .adr_excel .adr_bd { display: flex; height: 34px; line-height: 34px; font-size: 14px; box-sizing: border-box; text-align: center; color: #555; font-weight: 300;}
 .adr_excel .adr_bd span {font-weight: 400;}
 .adr_excel .adr_bd>div {height: 34px; padding: 0 5px; line-height: 34px; border-bottom: 1px solid #e5e5e5; text-align: center; color: #666; font-weight: 300; box-sizing: border-box;}
 .adr_excel .adr_bd:last-child>div {border-bottom: 0;}
 .adr_excel .adr_bd.error * {color: #e40000 !important; font-weight: 400;}
-.excel_paste .adr_bd select {font-size: 13px; font-weight: 300; background-color: #fff; width: 100%; border-radius: 3px; background-image: url(/publish/images/content/select_s.png);background-repeat: no-repeat;background-position: right 5px top 50%;font-family: 'Noto Sans KR', sans-serif; cursor: pointer; padding: 0 5px;}
+/* .excel_paste .adr_bd select {font-size: 13px; font-weight: 300; background-color: #fff; width: 100%; border-radius: 3px; background-image: url(/publish/images/content/select_s.png);background-repeat: no-repeat;background-position: right 5px top 50%;font-family: 'Noto Sans KR', sans-serif; cursor: pointer; padding: 0 5px;} */
 
 /*// 팝업 table */
 

Add a comment

Open 0
Closed 0

List

...	...	@@ -83,30 +83,9 @@
83	83	excelFileChange(fileInfo[0]);
84	84	} else {
85	85	fn_loadRemoveActive(); // 파일이 선택되지 않은 경우 로딩 상태 제거
86		- setTimeout(() => { $(this).val(''); }, 0); // 파일 선택 초기화
	86	+ $(this).val(''); // 파일 선택 초기화
87	87	}
88	88	});
89		-
90		- // 타뷸레이터 width값 변경 시 위에 select width 값 변경
91		- setTimeout(function(){
92		- $(".tabulator-col-resize-handle").on("mousedown",function(){
93		- $(this).on("mousemove",function(){
94		- //console.log("d")
95		- var colWid = $(this).prev(".tabulator-col-sorter-element").width();
96		- var colIdx = $(this).prev(".tabulator-col-sorter-element").index();
97		- colIdx = colIdx / 2;
98		- colIdx = colIdx - 1;
99		-
100		- if(titleIndex != 0){
101		- $(".select_adr_hd div").eq(colIdx).width(colWid);
102		- console.log("d1")
103		- }else{
104		- console.log("a1")
105		- $(".select_adr_hd div").eq(0).width(colWid+40);
106		- }
107		- })
108		- })
109		- })
110	89
111	90
112	91	//받는사람 오류번호 삭제 처리해주기

...	...	@@ -60,33 +60,6 @@
60	60	},
61	61	});
62	62
63		- // 타뷸레이터 width값 변경 시 위에 select width 값 변경
64		- var titleArray = ["A","B","C","D","E","F","G"];
65		-
66		- $tableExcel.on("columnWidth",function(column){
67		- //console.log(column._column.element)
68		- //console.log(column._column.width)
69		- //console.log(column._column.definition.title)
70		- var titleIndex = titleArray.indexOf(column._column.definition.title);
71		- titleIndex += 1;
72		- console.log(titleIndex)
73		- if(titleIndex != 0){
74		- $('.select_adr_hd>div').eq(titleIndex).css('width', column._column.width);
75		- console.log("d")
76		- }else{
77		- console.log("a")
78		- $('.select_adr_hd>div').eq(0).css('width', column._column.width + 40);
79		- }
80		- });
81		-
82		- $tableExcel.on("scrollHorizontal",function(left){
83		- $(".adr_excel").scrollLeft(left);
84		- })
85		-
86		-
87		- $(".adr_excel").on("scroll",function(){
88		- $(".tabulator-tableholder").scrollLeft($(this).scrollLeft());
89		- });
90	63
91	64
92	65
...	...	@@ -239,3 +212,56 @@
239	212	navigation: true // 키보드 탐색 활성화
240	213	});
241	214	}
	215	+
	216	+
	217	+
	218	+
	219	+
	220	+// 타뷸레이터 width값 변경 시 위에 select width 값 변경
	221	+var titleArray = ["A","B","C","D","E","F","G"];
	222	+
	223	+$tableExcel.on("columnWidth",function(column){
	224	+ var titleIndex = titleArray.indexOf(column._column.definition.title);
	225	+ titleIndex += 1;
	226	+ console.log(titleIndex)
	227	+ if(titleIndex != 0){
	228	+ $('.tableExcel .select_adr_hd>div').eq(titleIndex).css('width', column._column.width);
	229	+ console.log("d")
	230	+ }else{
	231	+ console.log("a")
	232	+ $('.tableExcel .select_adr_hd>div').eq(0).css('width', column._column.width + 40);
	233	+ }
	234	+});
	235	+
	236	+$tableExcel.on("scrollHorizontal",function(left){
	237	+ $(".tableExcel .adr_excel").scrollLeft(left);
	238	+})
	239	+
	240	+
	241	+$(".tableExcel .adr_excel").on("scroll",function(){
	242	+ $(".tableExcel .tabulator-tableholder").scrollLeft($(this).scrollLeft());
	243	+});
	244	+
	245	+
	246	+
	247	+
	248	+$tableClip.on("columnWidth",function(column){
	249	+ var titleIndex = titleArray.indexOf(column._column.definition.title);
	250	+ titleIndex += 1;
	251	+ console.log(titleIndex)
	252	+ if(titleIndex != 0){
	253	+ $('.tableClip .select_adr_hd>div').eq(titleIndex).css('width', column._column.width);
	254	+ console.log("d")
	255	+ }else{
	256	+ console.log("a")
	257	+ $('.tableClip .select_adr_hd>div').eq(0).css('width', column._column.width + 40);
	258	+ }
	259	+});
	260	+
	261	+$tableClip.on("scrollHorizontal",function(left){
	262	+ $(".tableClip .adr_excel").scrollLeft(left);
	263	+})
	264	+
	265	+$(".tableClip .adr_excel").on("scroll",function(){
	266	+ $(".tableClip .tabulator-tableholder").scrollLeft($(this).scrollLeft());
	267	+});

...	...	@@ -99,7 +99,7 @@
99	99	.adr_excel .adr_hd>div:last-child::after{display:none;}
100	100
101	101	/* 붙여넣기 colgroup */
102		-.excel_paste .adr_hd>div:nth-child(1), .excel_paste .adr_bd>div:nth-child(1) {width: 40px;}
	102	+/* .excel_paste .adr_hd>div:nth-child(1), .excel_paste .adr_bd>div:nth-child(1) {width: 40px;}
103	103	.excel_paste .adr_hd>div:nth-child(2), .excel_paste .adr_bd>div:nth-child(2) {width: 8%;}
104	104	.excel_paste .adr_hd>div:nth-child(3), .excel_paste .adr_bd>div:nth-child(3) {width: 10%;}
105	105	.excel_paste .adr_hd>div:nth-child(4), .excel_paste .adr_bd>div:nth-child(4) {width: 14%;}
...	...	@@ -108,7 +108,7 @@
108	108	.excel_paste .adr_hd>div:nth-child(7), .excel_paste .adr_bd>div:nth-child(7) {width: 11%;}
109	109	.excel_paste .adr_hd>div:nth-child(8), .excel_paste .adr_bd>div:nth-child(8) {width: 11%;}
110	110	.excel_paste .adr_hd>div:nth-child(9), .excel_paste .adr_bd>div:nth-child(9) {width: 10%;}
111		-.excel_paste .adr_hd>div:nth-child(10), .excel_paste .adr_bd>div:nth-child(10) {width: 10%;}
	111	+.excel_paste .adr_hd>div:nth-child(10), .excel_paste .adr_bd>div:nth-child(10) {width: 10%;} */
112	112
113	113	/* 주소록 불러오기 */
114	114	.adr_pop_list2 {width: 100%; margin: 10px 0 23px 0; float: left;}
...	...	@@ -124,13 +124,13 @@
124	124
125	125	/* tbody */
126	126	.adr_excel .adr_bd_wrap {background-color: #f2f2f2;}
127		-.excel_paste .adr_bd_wrap {height: 169px;}
	127	+/* .excel_paste .adr_bd_wrap {height: 169px;} */
128	128	.adr_excel .adr_bd { display: flex; height: 34px; line-height: 34px; font-size: 14px; box-sizing: border-box; text-align: center; color: #555; font-weight: 300;}
129	129	.adr_excel .adr_bd span {font-weight: 400;}
130	130	.adr_excel .adr_bd>div {height: 34px; padding: 0 5px; line-height: 34px; border-bottom: 1px solid #e5e5e5; text-align: center; color: #666; font-weight: 300; box-sizing: border-box;}
131	131	.adr_excel .adr_bd:last-child>div {border-bottom: 0;}
132	132	.adr_excel .adr_bd.error * {color: #e40000 !important; font-weight: 400;}
133		-.excel_paste .adr_bd select {font-size: 13px; font-weight: 300; background-color: #fff; width: 100%; border-radius: 3px; background-image: url(/publish/images/content/select_s.png);background-repeat: no-repeat;background-position: right 5px top 50%;font-family: 'Noto Sans KR', sans-serif; cursor: pointer; padding: 0 5px;}
	133	+/* .excel_paste .adr_bd select {font-size: 13px; font-weight: 300; background-color: #fff; width: 100%; border-radius: 3px; background-image: url(/publish/images/content/select_s.png);background-repeat: no-repeat;background-position: right 5px top 50%;font-family: 'Noto Sans KR', sans-serif; cursor: pointer; padding: 0 5px;} */
134	134
135	135	/// 팝업 table /
136	136

Delete comment