From 89f64922b3499ea6e5a29c049772f70f8c4b7b71 Mon Sep 17 00:00:00 2001
From: leebeomjun <leebj91@xit.co.kr>
Date: Wed, 20 Sep 2023 12:55:22 +0900
Subject: [PATCH] =?UTF-8?q?css=ED=81=B4=EB=9E=98=EC=8A=A4=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80(=EC=8A=A4=ED=81=AC=EB=A1=A4=20=EC=B2=98=EB=A6=AC?=
 =?UTF-8?q?=EC=8B=9C=20=EA=B7=B8=EB=A6=AC=EB=93=9C=20=EC=A0=9C=EB=AA=A9=20?=
 =?UTF-8?q?=ED=95=AD=EC=83=81=20=ED=91=9C=EC=8B=9C,=20=EC=97=B4=20?=
 =?UTF-8?q?=EB=84=88=EB=B9=84=20=EC=A1=B0=EC=A0=88)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WEB-INF/jsp/fims/crdn/crdn06010-main.jsp  | 42 ++++++++++---------
 .../css/fims/framework/common/xit-core.css    | 36 ++++++++++++++--
 2 files changed, 55 insertions(+), 23 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06010-main.jsp
index f56df6ce..747a8ad6 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06010-main.jsp
@@ -142,8 +142,8 @@
 							<div id="table-responsive--${pageName}" class="table-responsive"
 								style="overflow-x: scroll;height:500px;overflow-y: scroll;">
 								<table id="DataTables_Table_0--${pageName}"
-									class="datatables-ajax table table-bordered dataTable no-footer">
-									<thead>
+									class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
+									<thead class="sticky-thead bg-light">
 										<tr id="crdnThead--${pageName}"
 										data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
 										data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
@@ -153,30 +153,32 @@
 				                    </tbody>
 
 				                    <template id="crdnCols--${pageName}">
-										<th style="min-width: 80px;" class="cmn">No.</th>
+										<th style="width: 80px;" class="cmn">No.</th>
 										<th onclick="searchFromGridTitle('CRDN_INPT_SE_CD',this.innerText,'codeValue','FIM003');"
-										style="min-width: 80px;" class="pvs bpv dpv eca">자료출처</th>
+										style="width: 100px;" class="pvs bpv dpv eca">자료출처</th>
 										<th onclick="searchFromGridTitle('VHRNO',this.innerText,'match','part');"
-										style="min-width: 80px;" class="cmn">차량번호</th>
+										style="width: 100px;" class="cmn">차량번호</th>
 										<th onclick="searchFromGridTitle('CRDN_YMD','위반일자','match','perfect');"
-										style="min-width: 80px;" class="cmn">위반일시</th>
+										style="width: 100px;" class="cmn">위반일시</th>
 										<th onclick="searchFromGridTitle('CRDN_PLC',this.innerText,'match','part');"
-										style="min-width: 80px;" class="cmn">위반장소</th>
-										<th style="min-width: 80px;" class="cmn">체납액</th>
+										style="width: 250px;" class="cmn">위반장소</th>
+										<th
+										style="width: 100px;" class="cmn">체납액</th>
 										<th onclick="searchFromGridTitle('ATCH_FILE_CNT',this.innerText,'match','perfect');"
-										style="min-width: 80px;" class="cmn">사진건수</th>
+										style="width: 100px;" class="cmn">사진건수</th>
 										<th onclick="searchFromGridTitle('CRDN_SN',this.innerText,'match','perfect');"
-										style="min-width: 80px;" class="pvs dpv eca">스티커번호</th>
+										style="width: 120px;" class="pvs dpv eca">스티커번호</th>
 										<th onclick="searchFromGridTitle('PARKNG_PSBLTY_RSLT_CD',this.innerText,'codeValue','FIM034');"
-										style="min-width: 80px;" class="dpv">장애차량확인</th>
+										style="width: 140px;" class="dpv">장애차량확인</th>
 										<th onclick="searchFromGridTitle('CRDN_STTS_CD',this.innerText,'codeValue','FIM010');"
-										style="min-width: 80px;" class="cmn">처리상태</th>
+										style="width: 100px;" class="cmn">처리상태</th>
 										<th onclick="searchFromGridTitle('LEVY_EXCL_RSN_CD',this.innerText,'codeValue','FIM022');"
-										style="min-width: 80px;" class="cmn">제외사유</th>
+										style="width: 250px;" class="cmn">제외사유</th>
 										<th onclick="searchFromGridTitle('LEVY_EXCL_YMD',this.innerText,'ymd','');"
-										style="min-width: 80px;" class="cmn">제외처리일자</th>
+										style="width: 140px;" class="cmn">제외처리일자</th>
 										<th onclick="searchFromGridTitle('LEVY_EXCL_ETC_CN',this.innerText,'match','part');"
-										style="min-width: 80px;" class="cmn">제외내역</th>
+										style="width: 100px;" class="cmn">제외내역</th>
+										<th class="cmn dummy-th"></th>
 				                    </template>
 									<template id="crdnRow--${pageName}">
 										<tr data-key="{CRDN_ID}">
@@ -193,6 +195,7 @@
 				                    		<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center cmn">{LEVY_EXCL_RSN_CD}</td>
 				                    		<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center cmn">{LEVY_EXCL_YMD}</td>
 				                    		<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center cmn">{LEVY_EXCL_ETC_CN}</td>
+				                    		<td class="dummy-td cmn"></td>
 			                    		</tr>
 									</template>
 									<template id="crdnNotFound--${pageName}">
@@ -200,16 +203,16 @@
 											<td valign="top" colspan="14" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
 										</tr>
 										<tr class="eca">
-											<td valign="top" colspan="14" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="13" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
 										</tr>
 										<tr class="pvs">
-											<td valign="top" colspan="14" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="13" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
 										</tr>
 										<tr class="bpv">
-											<td valign="top" colspan="14" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="12" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
 										</tr>
 										<tr class="tpv">
-											<td valign="top" colspan="14" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="11" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
 										</tr>
 									</template>
 								</table>
@@ -478,6 +481,7 @@ $(document).ready(function(){
 
     fn_securityModeToggle($("#securityMode--top").is(":checked")); //보안모드
 
+    $("#DataTables_Table_0--${pageName}").find("th").resizable({handles : "e"});
 });
 
 
diff --git a/src/main/webapp/resources/css/fims/framework/common/xit-core.css b/src/main/webapp/resources/css/fims/framework/common/xit-core.css
index a3c5a3f5..258e85c1 100644
--- a/src/main/webapp/resources/css/fims/framework/common/xit-core.css
+++ b/src/main/webapp/resources/css/fims/framework/common/xit-core.css
@@ -1938,10 +1938,7 @@ progress {
 }
 
 /* 그리드 테이블 */
-.table-layout-fixed {
-	table-layout: fixed;
-}
-
+/* 그리드 테이블 공통 */
 .dataTable th{
     text-align: center;
 }
@@ -1953,6 +1950,37 @@ progress {
     text-overflow: ellipsis;
 }
 
+/* 셀내용에 관계없이 셀 너비 고정 */
+.table-layout-fixed {
+	table-layout: fixed;
+	padding-right : 10px;
+}
+
+.dummy-th {
+	width:auto;
+	background-color: #ECEEF1;
+}
+.dummy-td {
+	background-color: #ECEEF1;
+}
+
+/* 스크롤 시에도 그리드 타이틀 표시 */
+.sticky-thead {
+	position: sticky;
+	top: 0;
+}
+table:has(.sticky-thead) {
+	border-collapse: separate;
+	border-spacing: 0;
+}
+
+table:has(.sticky-thead) th,
+table:has(.sticky-thead) td {
+	border-width: 0.5px;
+	border-color: #d9dee3;
+}
+
+
 
 @media (max-width: 575.98px) {
     .table-responsive-sm {