皆さん、こんにちは。MUI データ グリッドをよりよく理解し、テーブル ビューの設計仕様を満たそうとしています。MUI でページネーションに DataGrid を使用しています。カスタム実装を使用していますが、わかりません。 CustomPagination は DataGrid のルートによってオーバーライドされ、位置が変更されるため、カスタム実装と達成したいことについて MUI から CodeSandbox を共有します。
codesanboxDemo=> https://codesandbox.io/s/ybuq4n?file=/demo.tsx 検索結果ここに画像の説明を入力してください
関連ドキュメントを検索しようとしましたが、結果がありませんでした。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
残念ながら、MUI DataGrid のフッターに位置合わせを渡すことはできません。したがって、カスタム フッターを作成し、フッター コンポーネントのデフォルトの順序を再配置する必要があります。したがって、コードは次のようにする必要があります。
DataGrid の使用法: 新しいバージョンの MUI データ グリッドを使用している場合は、コンポーネントの代わりにスロット属性を使用してください。これは非推奨になっています。
リーリーカスタムフッター: まず、カスタム ページネーションが GridFooterContainer 内にあることを確認する必要があります。コンポーネントは次のようになります htmlでは上から下に生成されるため、左から右に表示されます。
リーリー ＃＃＃ お役に立てれば。