수정 본
This commit is contained in:
@@ -14,6 +14,12 @@ $usr_nm = session('usr_nm');
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 테이블 헤더 좌우 여백 조정 */
|
||||
#resultList thead th {
|
||||
padding-left: 4px !important;
|
||||
padding-right: 4px !important;
|
||||
}
|
||||
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
@@ -66,19 +72,47 @@ $usr_nm = session('usr_nm');
|
||||
overflow-x: auto !important;
|
||||
}
|
||||
|
||||
/* 테이블 폭: 내용 기준으로 커지되, 최소는 100% */
|
||||
/* 테이블 폭: 내용에 따라 자동 조정, 스크롤 필요시 표시 */
|
||||
.table-responsive #resultList {
|
||||
width: max-content !important;
|
||||
min-width: 100% !important;
|
||||
width: 100% !important;
|
||||
table-layout: auto !important;
|
||||
}
|
||||
|
||||
/* 줄바꿈 금지 */
|
||||
/* 줄바꿈 허용 - 공백 기준으로 줄바꿈 */
|
||||
#resultList th,
|
||||
#resultList td {
|
||||
white-space: nowrap;
|
||||
white-space: normal !important;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/* tw-* 클래스가 DataTable의 inline 스타일보다 우선순위 높이기 */
|
||||
#resultList th.tw-30,
|
||||
#resultList td.tw-30 { width: 30px !important; max-width: 30px !important; min-width: 30px !important; }
|
||||
#resultList th.tw-50,
|
||||
#resultList td.tw-50 { width: 50px !important; max-width: 50px !important; min-width: 50px !important; }
|
||||
#resultList th.tw-70,
|
||||
#resultList td.tw-70 { width: 70px !important; max-width: 70px !important; min-width: 70px !important; }
|
||||
#resultList th.tw-80,
|
||||
#resultList td.tw-80 { width: 80px !important; max-width: 80px !important; min-width: 80px !important; }
|
||||
#resultList th.tw-90,
|
||||
#resultList td.tw-90 { width: 90px !important; max-width: 90px !important; min-width: 90px !important; }
|
||||
#resultList th.tw-100,
|
||||
#resultList td.tw-100 { width: 100px !important; max-width: 100px !important; min-width: 100px !important; }
|
||||
#resultList th.tw-120,
|
||||
#resultList td.tw-120 { width: 120px !important; max-width: 120px !important; min-width: 120px !important; }
|
||||
#resultList th.tw-130,
|
||||
#resultList td.tw-130 { width: 130px !important; max-width: 130px !important; min-width: 130px !important; }
|
||||
#resultList th.tw-140,
|
||||
#resultList td.tw-140 { width: 140px !important; max-width: 140px !important; min-width: 140px !important; }
|
||||
#resultList th.tw-150,
|
||||
#resultList td.tw-150 { width: 150px !important; max-width: 150px !important; min-width: 150px !important; }
|
||||
#resultList th.tw-180,
|
||||
#resultList td.tw-180 { width: 180px !important; max-width: 180px !important; min-width: 180px !important; }
|
||||
#resultList th.tw-200,
|
||||
#resultList td.tw-200 { width: 200px !important; max-width: 200px !important; min-width: 200px !important; }
|
||||
#resultList th.tw-250,
|
||||
#resultList td.tw-250 { width: 250px !important; max-width: 250px !important; min-width: 250px !important; }
|
||||
|
||||
/* PC에서 가로 스크롤이 잘리는 대표 구간들 강제 해제 */
|
||||
.main-card,
|
||||
.card,
|
||||
@@ -101,12 +135,27 @@ $usr_nm = session('usr_nm');
|
||||
.card-body {
|
||||
min-width: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<h1>평면도 관리</h1>
|
||||
/* 검색 영역 행마다 구분선 추가 */
|
||||
#frm_srch_info .row.g-3 {
|
||||
padding: 12px 0;
|
||||
border-bottom: 1px solid #e9ecef;
|
||||
}
|
||||
|
||||
#frm_srch_info .row.g-3:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="col-md-12 col-xl-12">
|
||||
<div class="main-card mb-3 card">
|
||||
<div class="card-header bg-white border-bottom shadow-sm">
|
||||
<div class="d-flex flex-wrap align-items-center gap-3 card-header-tab">
|
||||
<div>
|
||||
<h4 class="mb-0 fw-bold text-dark">평면도 관리</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form id="frm_srch_info" method="get" onsubmit="return false;">
|
||||
<div class="alert alert-warning py-2 mb-3">
|
||||
|
||||
Reference in New Issue
Block a user