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 @@
- + class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer"> + @@ -153,30 +153,32 @@ @@ -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 {