reactjs - 如何分别设置页眉工具栏和页脚/分页工具栏的样式？

Question

我正在尝试在页脚中设置分页工具栏的样式，但它似乎采用了页眉工具栏的样式。我希望分页工具栏背景为白色和黑色文本，但这就是我得到的。我哪里错了，我该如何解决？

overrides: {
    MUIDataTableBodyRow: {
        root: {
        '&:nth-child(odd)': { 
            backgroundColor: '#eee'
        },
        '&:nth-child(even)': { 
            backgroundColor: '#f8f8f8'
        }
        },
    },
    MUIDataTableToolbar: {
        icon: {
        color: "white",
        '&:hover': {
                color: "#eee"
            }
        },
    },
    MuiToolbar: {
        root: {
            /* toolbar with icons */
            backgroundColor: '#039be5',
            color: 'white'
        },
    },
    MuiTableCell: {
        head: {
            /* header row */
            backgroundColor: '#81d4fa !important',
            color: 'white !important'
        }
    },
    MUIDataTableSelectCell: {
        headerCell: {}
    },
    MUIDataTableHeadCell: {
        fixedHeaderCommon: {}
    },
    MuiTableFooter: {
        root: {
            '& .MuiToolbar-root': {
                backgroundColor: 'white !important',
            },
        },
    },
}