React Material UI 列宽属性 不展开

React Material UI Column width property does not expand

所以我正在试验 React Material UI 表。我正在尝试使用 属性 为列设置自动，但它没有按预期展开。在这里我希望列完全扩展而不是包裹。

我试图在 <Table size="small" style={{ width: auto}}> 中添加 属性 但它没有响应。另外，如果我在这里按像素值设置值，恐怕是一种不好的做法？

是否有更好的方法来按百分比或其他一些灵活的类型设置各个列？或 table 作为一个整体？

只需为 th 设置 white-space: "nowrap"。以下是根据您的代码所做的更改：

const StyledTableCell = withStyles((theme: Theme) =>
  createStyles({
    root: {
      whiteSpace: "nowrap"
    },
    head: {
      backgroundColor: theme.palette.common.black,
      color: theme.palette.common.white
    },
    body: {
      fontSize: 14
    }
  })
)(TableCell);