수정 본
This commit is contained in:
@@ -9,105 +9,154 @@ $usr_nm = session('usr_nm');
|
||||
<?= $this->section('content') ?>
|
||||
|
||||
<style>
|
||||
th {
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
th {
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
/* 테이블 헤더 좌우 여백 조정 */
|
||||
#resultList thead th {
|
||||
padding-left: 4px !important;
|
||||
padding-right: 4px !important;
|
||||
}
|
||||
|
||||
#resultList tbody tr {
|
||||
cursor: pointer;
|
||||
}
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.blockUI {
|
||||
z-index: 1500 !important;
|
||||
}
|
||||
#resultList tbody tr {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ellipsis {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 180px;
|
||||
}
|
||||
.blockUI {
|
||||
z-index: 1500 !important;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
display: flex !important;
|
||||
align-items: center;
|
||||
}
|
||||
.ellipsis {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 180px;
|
||||
}
|
||||
|
||||
.card-header-tab {
|
||||
justify-content: flex-start !important;
|
||||
}
|
||||
.card-header {
|
||||
display: flex !important;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.table-scroll {
|
||||
max-height: 300px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.card-header-tab {
|
||||
justify-content: flex-start !important;
|
||||
}
|
||||
|
||||
.swal2-cancel {
|
||||
background-color: #ff0000 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
.table-scroll {
|
||||
max-height: 300px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
#resultList.dataTable {
|
||||
width: max-content !important;
|
||||
}
|
||||
.swal2-cancel {
|
||||
background-color: #ff0000 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
table.dataTable td,
|
||||
table.dataTable th {
|
||||
white-space: nowrap;
|
||||
}
|
||||
#resultList.dataTable {
|
||||
width: max-content !important;
|
||||
}
|
||||
|
||||
/* 테이블이 내용만큼 커지고, wrapper가 스크롤 담당 */
|
||||
.table-responsive {
|
||||
overflow-x: auto !important;
|
||||
}
|
||||
table.dataTable td,
|
||||
table.dataTable th {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* 테이블 폭: 내용 기준으로 커지되, 최소는 100% */
|
||||
.table-responsive #resultList {
|
||||
width: max-content !important;
|
||||
min-width: 100% !important;
|
||||
table-layout: auto !important;
|
||||
}
|
||||
/* 테이블이 내용만큼 커지고, wrapper가 스크롤 담당 */
|
||||
.table-responsive {
|
||||
overflow-x: auto !important;
|
||||
}
|
||||
|
||||
/* 줄바꿈 금지 */
|
||||
#resultList th,
|
||||
#resultList td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
/* 테이블 폭: 내용에 따라 자동 조정, 스크롤 필요시 표시 */
|
||||
.table-responsive #resultList {
|
||||
width: 100% !important;
|
||||
table-layout: auto !important;
|
||||
}
|
||||
|
||||
/* PC에서 가로 스크롤이 잘리는 대표 구간들 강제 해제 */
|
||||
.main-card,
|
||||
.card,
|
||||
.card-body {
|
||||
overflow-x: visible !important;
|
||||
}
|
||||
/* 줄바꿈 허용 - 공백 기준으로 줄바꿈 */
|
||||
#resultList th,
|
||||
#resultList td {
|
||||
white-space: normal !important;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/* 만약 레이아웃 wrapper가 숨기고 있으면 이것도 */
|
||||
.app-main__outer,
|
||||
.app-main__inner,
|
||||
.app-main {
|
||||
overflow-x: visible !important;
|
||||
}
|
||||
/* 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; }
|
||||
|
||||
/* flex 환경에서 필수 */
|
||||
.app-main,
|
||||
.app-main__outer,
|
||||
.app-main__inner,
|
||||
.card,
|
||||
.card-body {
|
||||
min-width: 0;
|
||||
}
|
||||
/* PC에서 가로 스크롤이 잘리는 대표 구간들 강제 해제 */
|
||||
.main-card,
|
||||
.card,
|
||||
.card-body {
|
||||
overflow-x: visible !important;
|
||||
}
|
||||
|
||||
/* 만약 레이아웃 wrapper가 숨기고 있으면 이것도 */
|
||||
.app-main__outer,
|
||||
.app-main__inner,
|
||||
.app-main {
|
||||
overflow-x: visible !important;
|
||||
}
|
||||
|
||||
/* flex 환경에서 필수 */
|
||||
.app-main,
|
||||
.app-main__outer,
|
||||
.app-main__inner,
|
||||
.card,
|
||||
.card-body {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
/* 검색 영역 행마다 구분선 추가 */
|
||||
#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>
|
||||
|
||||
<h1>녹취매물 내역</h1>
|
||||
|
||||
<div class="col-md-12 col-xl-12">
|
||||
<div class="main-card mb-3 card">
|
||||
<div class="card-body">
|
||||
<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;">
|
||||
|
||||
<!-- 검색 폼 -->
|
||||
@@ -227,16 +276,15 @@ $usr_nm = session('usr_nm');
|
||||
</div>
|
||||
|
||||
<div class="main-card mb-3 card">
|
||||
<div class="card-header d-flex align-items-center">
|
||||
<div class="d-flex align-items-center flex-wrap" style="gap: 8px; flex: 1">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="ml-auto">
|
||||
<button class="btn btn-sm btn-outline-success" id="excel-download">
|
||||
<i class="fa fa-fw" aria-hidden="true" title="file-excel-o"></i>
|
||||
엑셀다운로드
|
||||
</button>
|
||||
<div class="card-header bg-white border-bottom shadow-sm">
|
||||
<div class="d-flex flex-wrap align-items-center w-100 justify-content-between card-header-tab">
|
||||
<h5 class="mb-0 fw-bold text-dark">검색 결과</h5>
|
||||
<div class="d-flex align-items-center gap-2 ms-auto">
|
||||
<button class="btn btn-sm btn-outline-success" id="excel-download">
|
||||
<i class="fa fa-fw" aria-hidden="true" title="file-excel-o"></i>
|
||||
엑셀다운로드
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
Reference in New Issue
Block a user