Bagaimana untuk mengalihkan jadual penomboran MUI DataGrid ke kiri menggunakan CustomPagination

Question

Hai semua, saya cuba memahami MUI DataGrid dengan lebih baik dan memenuhi spesifikasi reka bentuk Paparan Jadual, saya menggunakan DataGrid dalam MUI untuk penomboran, saya menggunakan pelaksanaan tersuai mereka tetapi saya tidak tahu bagaimana untuk melakukannya kerana kepada CustomPagination Ditindih oleh akar DataGrid, ia akan menukar kedudukan dan saya akan berkongsi CodeSandbox daripada MUI untuk pelaksanaan tersuai dan apa yang saya ingin capai.

codesanbox demo=> https://codesandbox.io/s/ybuq4n?file=/demo.tsx Hasil carian masukkan penerangan imej di sini

Saya cuba mencari dokumentasi yang berkaitan tetapi tiada hasil.

Answer 1

Malangnya, tidak mungkin untuk melepasi penjajaran ke pengaki DataGrid MUI. Oleh itu, anda perlu membuat pengaki tersuai dan menyusun semula susunan lalai komponen pengaki. Jadi kod anda perlu kelihatan seperti ini.

Penggunaan Grid Data: Jika anda menggunakan versi Grid Data MUI yang lebih baharu, gunakan atribut slot dan bukannya komponen, ia telah ditamatkan.

Pengaki tersuai: Anda perlu memastikan penomboran tersuai anda berada di dalam GridFooterContainer terlebih dahulu. Komponen akan Dijana dari atas ke bawah dalam html, jadi akan dipaparkan dari kiri ke kanan.

const CustomFooter = () => {
    
    const gridApi = useGridApiContext();
    
    return (
        
            
            {
                !!gridApi.current.getSelectedRows().size && 
                    
            }
        
    );
};

export default CustomFooter;

Semoga ini membantu.