fix : 상단 그리드 페이징 처리 수정

dev
이범준 5 months ago
parent 9c6eadf4bd
commit 1f94a172b6

@ -121,57 +121,58 @@
</div> </div>
</div> </div>
</div> </div>
<!-- / DataTables(그리드) -->
<div class="card">
<div class="row g-1">
<div class="card-datatable text-nowrap">
<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_1_wrapper--${pageName}">
<div class="table-responsive ox-scroll oy-scroll h-px-300" id="table-responsive-1--${pageName}">
<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer"
id="DataTables_Table_1--${pageName}" aria-describedby="DataTables_Table_0_info">
<thead class="sticky-thead">
<tr>
<th class="cmn" style="width: 72px;">No.</th>
<th class="sorting sorting_asc" aria-sort="ascending" style="width: 350.719px;">제품명</th>
<th class="sorting" style="width: 146.156px;">제품코드</th>
<th class="sorting" style="width: 130.141px;">폐기수량</th>
<th class="sorting" style="width: 130.469px;">유효기간</th>
<th class="sorting" style="width: 200.469px;">최소 유통단위 수량</th>
<th class="sorting" style="width: 230.469px;">낱개단위 수량</th>
<th class="sorting" style="width: 130.469px;">폐기수량</th>
</tr>
</thead>
<tbody id="tbody--${pageName}Detail">
</tbody>
<template id="${infoPrefix}Row--${pageName}Detail">
<tr data-key="DSCDMNG_SN">
<td {onclick}="" {ondblclick}="">{ROW_NUM}</td>
<td {onclick}="" {ondblclick}="">{PRDUCT_NM}</td>
<td {onclick}="" {ondblclick}="">{PRDUCT_CD}</td>
<td class="text-end" {onclick}="" {ondblclick}="">{DSUSE_QY}</td>
<td class="text-center" {onclick}="" {ondblclick}="">{PRD_VALID_DE}</td>
<td class="text-center" {onclick}="" {ondblclick}="">{MIN_DISTB}</td>
<td class="text-center" {onclick}="" {ondblclick}="">{PCE}</td>
<td class="text-end" {onclick}="" {ondblclick}="">{DSUSE_QY}</td>
</tr>
</template>
<template id="${infoPrefix}NotFound--${pageName}Detail">
<tr class="odd">
<td valign="top" colspan="5" class="dataTables_empty text-center">${prefixName} 상세 정보를 찾지 못했습니다.</td>
</tr>
</template>
</table>
</div>
</div>
</div> <!-- / DataTables(그리드) -->
</div> <!-- <div class="row g-1"> -->
</div> <!-- <div class="card"> -->
<div class="d-flex flex-row p-3 justify-content-between"> <div class="d-flex flex-row p-3 justify-content-between">
<label id="userPagingInfo" class="dataTables_info" role="status" aria-live="polite">1 ~ 2 / 2</label> <label id="${infoPrefix}Paging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
<ul id="userPaging" class="pagination pagination-primary" style="display: none;"> <ul id="${infoPrefix}Paging--${pageName}" class="pagination pagination-primary" style="display: none;">
</ul> </ul>
</div> </div>
<!-- / DataTables(그리드) -->
<div class="card">
<div class="row g-1">
<div class="card-datatable text-nowrap">
<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_1_wrapper--${pageName}">
<div class="table-responsive ox-scroll oy-scroll h-px-300" id="table-responsive-1--${pageName}">
<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer"
id="DataTables_Table_1--${pageName}" aria-describedby="DataTables_Table_0_info">
<thead class="sticky-thead">
<tr>
<th class="cmn" style="width: 72px;">No.</th>
<th class="sorting sorting_asc" aria-sort="ascending" style="width: 350.719px;">제품명</th>
<th class="sorting" style="width: 146.156px;">제품코드</th>
<th class="sorting" style="width: 130.141px;">폐기수량</th>
<th class="sorting" style="width: 130.469px;">유효기간</th>
<th class="sorting" style="width: 200.469px;">최소 유통단위 수량</th>
<th class="sorting" style="width: 230.469px;">낱개단위 수량</th>
<th class="sorting" style="width: 130.469px;">폐기수량</th>
</tr>
</thead>
<tbody id="tbody--${pageName}Detail">
</tbody>
<template id="${infoPrefix}Row--${pageName}Detail">
<tr data-key="DSCDMNG_SN">
<td {onclick}="" {ondblclick}="">{ROW_NUM}</td>
<td {onclick}="" {ondblclick}="">{PRDUCT_NM}</td>
<td {onclick}="" {ondblclick}="">{PRDUCT_CD}</td>
<td class="text-end" {onclick}="" {ondblclick}="">{DSUSE_QY}</td>
<td class="text-center" {onclick}="" {ondblclick}="">{PRD_VALID_DE}</td>
<td class="text-center" {onclick}="" {ondblclick}="">{MIN_DISTB}</td>
<td class="text-center" {onclick}="" {ondblclick}="">{PCE}</td>
<td class="text-end" {onclick}="" {ondblclick}="">{DSUSE_QY}</td>
</tr>
</template>
<template id="${infoPrefix}NotFound--${pageName}Detail">
<tr class="odd">
<td valign="top" colspan="5" class="dataTables_empty text-center">${prefixName} 상세 정보를 찾지 못했습니다.</td>
</tr>
</template>
</table>
</div>
</div>
</div> <!-- / DataTables(그리드) -->
</div> <!-- <div class="row g-1"> -->
</div> <!-- <div class="card"> -->
<script> <script>
@ -242,9 +243,9 @@
$P.control.onDatasetChange = (obj) => { $P.control.onDatasetChange = (obj) => {
$P.renderList(obj.${infoPrefix}Total); $P.renderList(obj.${infoPrefix}Total);
$("#paging--${pageName}").setPaging({ $("#${infoPrefix}Paging--${pageName}").setPagingInfo({
list: $P.control.dataset list: obj.${infoPrefix}List
, prefix: "paging--${pageName}" , prefix: "${infoPrefix}Paging--${pageName}"
, start: obj.${infoPrefix}Start , start: obj.${infoPrefix}Start
, totalSize: obj.${infoPrefix}Total , totalSize: obj.${infoPrefix}Total
, fetchSize: obj.${infoPrefix}Fetch , fetchSize: obj.${infoPrefix}Fetch

Loading…
Cancel
Save