CustomPagination을 사용하여 MUI DataGrid 페이지 매김 테이블을 왼쪽으로 이동하는 방법

Question

안녕하세요 여러분, 저는 MUI 데이터 그리드를 더 잘 이해하고 테이블 보기의 디자인 사양을 충족하려고 노력 중입니다. 페이지 매김을 위해 MUI의 DataGrid를 사용하고 있으며 사용자 정의 구현을 사용하고 있지만 어떻게 해야 하는지 모르겠습니다. 이를 수행하려면 DataGrid의 루트에 의해 CustomPagination Overridden이 발생하므로 위치가 변경되며 사용자 지정 구현과 달성하려는 목표를 위해 MUI의 CodeSandbox를 공유하겠습니다.

codesanbox 데모=> https://codesandbox.io/s/ybuq4n?file=/demo.tsx 검색 결과 여기에 이미지 설명을 입력하세요

관련 문서를 검색해 보았으나 결과가 없습니다.

Answer 1

안타깝게도 MUI DataGrid의 바닥글에 정렬을 전달할 수 없습니다. 따라서 사용자 정의 바닥글을 만들고 바닥글 구성 요소의 기본 순서를 다시 정렬해야 합니다. 따라서 코드는 다음과 같아야 합니다.

DataGrid 사용법: 최신 버전의 MUI 데이터 그리드를 사용하는 경우 구성 요소 대신 슬롯 속성을 사용하세요. 이 속성은 더 이상 사용되지 않습니다.

으아아아

맞춤형 바닥글: 먼저 사용자 정의 페이지 매김이 GridFooterContainer 내에 있는지 확인해야 합니다. 구성 요소는 다음과 같습니다. HTML에서는 위에서 아래로 생성되므로 왼쪽에서 오른쪽으로 표시됩니다.

으아아아

도움이 되기를 바랍니다.