Mui-dataTables：列标题不整洁

Question

I在2020年使用了MUI-DataTables，我对此感到非常满意，因此我想再次将其与即将到来的项目一起使用。最近，材料UI正在升级，我认为MUI-DataTables在放置柱标题方面存在样式问题。 我正在使用此简单的ReactJS代码使用MUI DataTables：

import Checkbox from '@mui/material/Checkbox';
import FormControlLabel from '@mui/material/FormControlLabel';

import MUIDataTable from "mui-datatables";

function UserList(props){
    const {title} = props;

    const columns = [
        {
            "name": "name",
            "label": "Name",
            "options": {
                "filter": true,
                "sort": true,
            }
        },
        {
            "name": "username",
            "label": "Username",
            "options": {
                "filter": true,
                "sort": true,
            }
        },
        {
            "name": "active",
            "label": "Active",
            "options": {
                "customBodyRender": (value) => {
                    return <FormControlLabel control={<Checkbox checked={value} color="success" />} disabled label="" />;
                },
                "filter": true,
                "sort": false,
            }
        }
    ];

    const dummyData = [
        {
            "name": "Administrator",
            "username": "[email protected]",
            "active": true
        },
        {
            "name": "Jalaluddin AF",
            "username": "[email protected]",
            "active": true
        },
        {
            "name": "Alex",
            "username": "[email protected]",
            "active": false
        }
    ];

    const options = {
        selectableRows: "none",
        viewColumns: false
    };
    
    return(
        <MUIDataTable
            columns={columns}
            data={dummyData}
            options={options}
            title={title}
        />
    );
}
export default UserList;

基本上，它只是显示一个带有名称，用户名和活动/不活动复选框的表。但是事实是，当我启动NPM时，列标头的价值不在。 任何人都可以帮助我吗？

我的环境：

@mui/图标 - 材料：5.2.0

@mui/材料：5.2.0

@mui/样式： ^5.2.0
Mui-dataTables： ^4.0.0
• 回答：17.0.2
• 我认为图书馆有一些冲突。您可以检查是否不使用多个版本。您还可以使用Inspect Element覆盖现有的CSS。