Mui Datagrid pagination

채연·2023년 1월 30일
0

Storybook

목록 보기
4/12

Pagination Selector

  1. useGridSelector(apiRef, gridPageSelector);
    페이지 구분이 사용 가능한 경우 모든 행을 표시하는 데 필요한 페이지 인덱스를 가져옵니다
  • 사용
    const page = useGridSelector(apiRef, gridPageSelector);

  1. gridPageCountSelector
    페이지 구분이 사용 가능한 경우 모든 행을 표시하는 데 필요한 페이지 수를 가져옵니다
  • 사용
    const pageCount = useGridSelector(apiRef, gridPageCountSelector);

  1. gridPageSizeSelector
    페이지 구분이 사용 가능한 경우 단일 페이지에 표시할 최대 행 수를 가져옵니다
  • 사용
    const maximum = useGridSelector(apiRef, gridPageSizeSelector); 

    -> 여기에서 정한 pageSize에 따라서 위의 maximum 값이 정해짐

  1. gridPaginatedVisibleSortedGridRowEntriesSelector
    페이지 구분이 사용 가능한 경우 현재 페이지에 포함할 각 행의 ID 및 모델을 가져옵니다

  1. gridPaginatedVisibleSortedGridRowIdsSelector
    페이지 구분이 사용 가능한 경우 현재 페이지에 포함할 각 행의 ID를 가져옵니다

  1. gridPaginationRowRangeSelector
    페이지 구분이 사용 가능한 경우 현재 페이지에 포함할 첫 번째 행과 마지막 행의 색인을 가져옵니다
profile
Hello Velog

0개의 댓글