Material-UI DataGrid 列名被截断答案

【问题标题】：Material-UI DataGrid column names getting truncatedMaterial-UI DataGrid 列名被截断
【发布时间】：2021-11-27 18:18:48
【问题描述】：

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

【问题讨论】：

【解决方案1】：

如果您不想要省略号，请使用 text-overflow: clip 删除：

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

<DataGrid className={classes.root}

【讨论】：

这些是列标题，如何从标题中删除省略号？我试过 columnHeader ,columnHeaderTitle ,columnHeaderTitleContainer 无济于事/
@ecruncher 您可以检查元素以获取网格标题的类名，我已经为您更新了答案。
谢谢@NearHuscarl，不幸的是，它似乎没有覆盖浏览器元素中的textOverflow
@ecruncher 你能把你的代码放在 Codesandbox 上吗？它在我的工作正常。