반응형
페이지 수 계산의 페이지 수 논리
아래 소품을 통과해야 하는 반응 컴포넌트를 사용하고 있습니다.
<Pager
totalPages={10}
currentPage={1}
/>
가지고 있는 api와 같은 계산을 할 수 없습니다.total_items
,것은 아니다.totalPages
50개 있으면total_items
, 어떻게 하면 5를 제작할 수 있을까요?totalPages
소품? 내 한계는 10개래.
나누다total_items
타고limit
값을 반올림합니다.
Math.ceil(total_items/limit);
50 items / 10 per page = 5 pages
55 items / 10 per page = 6 pages
다른 페이지에 표시할 항목이 거의 없기 때문에 분할 연산에 대한 지분이 있는지 확인해야 합니다.
예를 들어 다음과 같습니다.
6 items
5 limit
만약 우리가 한다면divide and ceil
계산해야 할 추가 페이지가 필요한 항목이 하나 있기 때문에 1개가 틀립니다.
totalPages_pre = (total_items/limit)
totalPages = (search.total % page_size) == 0 ? totalPages_pre : totalPages_pre + 1
언급URL : https://stackoverflow.com/questions/46108128/pagination-logic-in-calculating-total-of-pages
반응형
'programing' 카테고리의 다른 글
JObject에서 JProperty 값을 추가 또는 갱신하려면 (0) | 2023.04.02 |
---|---|
다른 두 날짜 사이의 날짜를 확인합니다. 스프링 데이터 jpa (0) | 2023.04.02 |
연결 및 라우터 문제 (0) | 2023.04.02 |
Scala 2.10 + Json 시리얼화 및 디시리얼화 (0) | 2023.04.02 |
C#에서 Oracle 스토어드 프로시저를 호출하시겠습니까? (0) | 2023.04.02 |