Material-UI DataGrid column names getting truncated

Question

My column names keep getting truncated, but they should fit in the space.

user_9449426 · Answer

Use text-overflow: clip to remove the ellipsis if you don't want it:

const useStyles = makeStyles({
  root: {
    "& .MuiDataGrid-cell, & .MuiDataGrid-columnHeaderTitle": {
      textOverflow: "clip"
    }
  }
});