所以我正在尝试使用React Material UI Tables。我试图为列设置auto属性,但它没有按预期展开。在这里,我希望列完全扩展,而不是 Package 。我尝试在<Table size="small" style={{ width: auto}}>中添加属性,但它没有响应。此外,我担心如果我在这里按像素值设置值,这将是一个不好的做法?有没有更好的方法来按百分比或其他灵活的类型设置单独的列?还是整个table?
<Table size="small" style={{ width: auto}}>
kxeu7u2r1#
只需将white-space: "nowrap"设置为th。以下是基于您的代码的更改:
white-space: "nowrap"
th
const StyledTableCell = withStyles((theme: Theme) => createStyles({ root: { whiteSpace: "nowrap" }, head: { backgroundColor: theme.palette.common.black, color: theme.palette.common.white }, body: { fontSize: 14 } }) )(TableCell);
1条答案
按热度按时间kxeu7u2r1#
只需将
white-space: "nowrap"
设置为th
。以下是基于您的代码的更改: