외부 페이지네이션
외부 상태로 page/onPageChange controlled. showPagination={false}로 내장 UI 숨김.
| ID | 상품명 | 카테고리 | 가격 | 재고 |
|---|---|---|---|---|
| 1 | 과일-0001 | 과일 | 500원 | 0개 |
| 2 | 채소-0002 | 채소 | 8,419원 | 151개 |
| 3 | 곡물-0003 | 곡물 | 16,338원 | 302개 |
| 4 | 과일-0004 | 과일 | 24,257원 | 453개 |
| 5 | 채소-0005 | 채소 | 32,176원 | 104개 |
10개 페이지 중 1페이지 (외부 컨트롤)
API
GridProps
| Property | Type | 기본값 | 설명 |
|---|---|---|---|
| pageSize | number | 0 | > 0 이면 페이지네이션 활성 |
| showPagination | boolean | true | 내장 페이지네이션 UI 표시. 외부 페이징 사용 시 false |
| page | number | - | controlled 페이지 (1-based) |
| onPageChange | (page: number) => void | - | controlled 모드 콜백 |