Commit @34b874e64d09eb9c23f5c016175644eb671c17d2

정수빈 2024-09-11

240911 주소록대량등록 타뷸레이터 width 변경 수정

@34b874e64d09eb9c23f5c016175644eb671c17d2

598f608

34b874e

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

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

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


 					
 					
 
-                    <div class="adr_excel" style="margin-top: 13px;">
+                    <div class="adr_excel" style="margin-top: 13px; overflow-x: auto;">
                         <!-- thead -->
                         <div class="adr_hd select_adr_hd" data-group="tableClip">
 							<div style="width: 80px;"></div>

598f608

34b874e

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

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

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

...	...	@@ -152,6 +152,56 @@
152	152	fn_selfmakeTable()
153	153
154	154
	155	+ // 타뷸레이터 width값 변경 시 위에 select width 값 변경
	156	+ var titleArray = ["A","B","C","D","E","F","G"];
	157	+
	158	+ $tableExcel.on("columnWidth",function(column){
	159	+ var titleIndex = titleArray.indexOf(column._column.definition.title);
	160	+ titleIndex += 1;
	161	+ console.log(titleIndex)
	162	+ if(titleIndex != 0){
	163	+ $('.tableExcel .select_adr_hd>div').eq(titleIndex).css('width', column._column.width);
	164	+ console.log("d")
	165	+ }else{
	166	+ console.log("a")
	167	+ $('.tableExcel .select_adr_hd>div').eq(0).css('width', column._column.width + 40);
	168	+ }
	169	+ });
	170	+
	171	+ $tableExcel.on("scrollHorizontal",function(left){
	172	+ $(".tableExcel .adr_excel").scrollLeft(left);
	173	+ })
	174	+
	175	+
	176	+ $(".tableExcel .adr_excel").on("scroll",function(){
	177	+ $(".tableExcel .tabulator-tableholder").scrollLeft($(this).scrollLeft());
	178	+ });
	179	+
	180	+
	181	+
	182	+
	183	+ $tableClip.on("columnWidth",function(column){
	184	+ var titleIndex = titleArray.indexOf(column._column.definition.title);
	185	+ titleIndex += 1;
	186	+ console.log(titleIndex)
	187	+ if(titleIndex != 0){
	188	+ $('.tableClip .select_adr_hd>div').eq(titleIndex).css('width', column._column.width);
	189	+ console.log("d")
	190	+ }else{
	191	+ console.log("a")
	192	+ $('.tableClip .select_adr_hd>div').eq(0).css('width', column._column.width + 40);
	193	+ }
	194	+ });
	195	+
	196	+ $tableClip.on("scrollHorizontal",function(left){
	197	+ $(".tableClip .adr_excel").scrollLeft(left);
	198	+ })
	199	+
	200	+ $(".tableClip .adr_excel").on("scroll",function(){
	201	+ $(".tableClip .tabulator-tableholder").scrollLeft($(this).scrollLeft());
	202	+ });
	203	+
	204	+
155	205
156	206	});
157	207
...	...	@@ -217,51 +267,4 @@
217	267
218	268
219	269
220		-// 타뷸레이터 width값 변경 시 위에 select width 값 변경
221		-var titleArray = ["A","B","C","D","E","F","G"];
222	270
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		-});

Add a comment

Open 0
Closed 0

List

...	...	@@ -451,7 +451,7 @@
451	451
452	452
453	453
454		- <div class="adr_excel" style="margin-top: 13px;">
	454	+ <div class="adr_excel" style="margin-top: 13px; overflow-x: auto;">
455	455	<!-- thead -->
456	456	<div class="adr_hd select_adr_hd" data-group="tableClip">
457	457	<div style="width: 80px;"></div>

Delete comment