下面有一个 Material UI 表。表格的所有列的大小都适合 205 像素。表格本身设置为 100% 宽度。因此，当我加载页面时，如果有可用空间，表就会变大。问题是，如果没有足够的空间，列需要根据其中的文本缩小，但它们不会。它们的宽度停留在 205 像素。
我删除了所有填充也没有帮助。每个单元格内的文本都是一个输入字段，因此如果我将输入字段宽度设置为 60px，所有单元格的宽度会下降到 191，但它仍然为每个单元格提供比它们需要的更大的宽度，因此列比应有的大得多。我改变了表格的宽度，容器的宽度都没有帮助。
我有非常精确的表结构，如本例所示； https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/material-UI-enhanced-table
如果您在本例中也看到表列不必要地过大。是什么导致列比所需的大得多？为什么它们都固定为相同的尺寸？
最佳答案
表格单元格中的输入具有默认宽度，并且使列不可收缩，将输入宽度更改为 100% 可能会使输入采用父级宽度。 https://codesandbox.io/s/optimistic-benz-ilnz2
关于javascript - Material UI 表格单元格相同的固定宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60325537/