検索

ホームページ  >  に質問  >  本文

CustomPagination を使用して MUI DataGrid ページネーション テーブルを左に移動する方法

皆さん、こんにちは。MUI データ グリッドをよりよく理解し、テーブル ビューの設計仕様を満たそうとしています。MUI でページネーションに DataGrid を使用しています。カスタム実装を使用していますが、わかりません。 CustomPagination は DataGrid のルートによってオーバーライドされ、位置が変更されるため、カスタム実装と達成したいことについて MUI から CodeSandbox を共有します。

codesanboxDemo=> https://codesandbox.io/s/ybuq4n?file=/demo.tsx 検索結果ここに画像の説明を入力してください

関連ドキュメントを検索しようとしましたが、結果がありませんでした。

P粉491421413P粉491421413305日前586

全員に返信(1)返信します

  • P粉955063662

    P粉9550636622024-03-28 13:59:03

    残念ながら、MUI DataGrid のフッターに位置合わせを渡すことはできません。したがって、カスタム フッターを作成し、フッター コンポーネントのデフォルトの順序を再配置する必要があります。したがって、コードは次のようにする必要があります。

    DataGrid の使用法: 新しいバージョンの MUI データ グリッドを使用している場合は、コンポーネントの代わりにスロット属性を使用してください。これは非推奨になっています。

    リーリー

    カスタムフッター: まず、カスタム ページネーションが GridFooterContainer 内にあることを確認する必要があります。コンポーネントは次のようになります htmlでは上から下に生成されるため、左から右に表示されます。

    リーリー ### お役に立てれば。

    返事
    0
  • キャンセル返事