Material UI 表 - 使用 Span 的等宽列？

我正在尝试利用TableMaterial UI 中的组件用于构建数据表。但是，我正在努力为我的数据表制作等宽的列。目前我正在尝试这样的事情：

<TableCell key={props.name} style={{width: '25%'}}>
          <span
            style={{
              width: `${(100 / props.numCols)}%`,
              whiteSpace: "pre",
              overflow: "scroll",
              display: 'block'
            }}
          >
            {props.value}
          </span>
 </TableCell>

然而，这似乎并不能解决问题。我期望 4 列宽度相等，但在这张照片中，您会发现只能看到其中 3 列（第 4 列远离屏幕），而且值得注意的是，第 3 列非常长。我将不胜感激任何指点！

编辑：这似乎是width属性实际上占用了文本长度的 100%？有没有办法让它占据表格行的宽度？

我知道这个问题有点过时，但您可以执行以下操作来更好地控制表行宽度分布：

<Table style={{ tableLayout: 'fixed' }} > .. </Table>