Material-UI DataGrid 列名称被截断

ecr*_*her 6 css reactjs material-ui

我的列名不断被截断,但它们应该适合空格。

在此输入图像描述

Nea*_*arl 2

text-overflow: clip如果您不需要省略号,请使用它来删除省略号:

const useStyles = makeStyles({
  root: {
    "& .MuiDataGrid-cell, & .MuiDataGrid-columnHeaderTitle": {
      textOverflow: "clip"
    }
  }
});
Run Code Online (Sandbox Code Playgroud)
<DataGrid className={classes.root}
Run Code Online (Sandbox Code Playgroud)

Codesandbox 演示