SYIDAX / DATA GRID

페이지 단위 탐색

한 화면의 표시 행 수와 페이지 이동을 제어합니다.

페이지 단위 탐색샘플 주문 데이터

120 rows

Grid를 불러오는 중입니다…

옵션

아래 항목을 바꾸면 Grid와 코드에 바로 반영됩니다.

페이지당 행 수샘플 행 수

페이지 나누기

최근 결과

초기 상태는 120행 중 1–20행을 표시합니다. 표 아래의 페이지 번호와 전체 행 수를 확인하세요.

코드 보기

현재 미리보기

주문 목록을 한 화면에 일정 개수씩 보여 주고 이전·다음 페이지로 이동할 때 사용합니다.

확인할 결과

현재 페이지와 표시 범위가 함께 바뀝니다. paginationChanged 이벤트에서 이동 결과를 확인할 수 있습니다.

옵션의 샘플 행 수는 전체 데이터 양이고, 표 아래의 행 수는 한 페이지 크기입니다. 서로 다른 설정입니다.

Attribute / Property	타입 / 기본값	설명
	`boolean`기본값 false	Enable the wrapper-rendered pagination control bar.
pageSize	`number`기본값 DEFAULT_PAGE_SIZE	Initial page size. Defaults to .
pageSizeOptions	`readonly number[]`기본값 DEFAULT_PAGE_SIZE_OPTIONS	Page-size selector options. Defaults to .

이벤트1

이벤트	detail 타입	설명
	`GridPaginationChangedDetail`	Fires when active page or page size changes.