首页 > 解决方案 > 如何使用 React 更改 Material UI 表格单元格的宽度?

问题描述

我有以下问题,我尝试增加表格单元格的宽度,但我不知道该怎么做。我使用打字稿。我只能选择 TableCellProps 的大小,我只能设置中号或小号。有没有人有办法解决吗?我想放大蓝色表格单元格。1

<TableRow>
  <TableCell align="left">address</TableCell> //sample Code, how i can set here the width
</TableRow>

作为第二个问题,你怎么能限制整个表格的高度,以至于你必须在表格中水平和垂直滚动?

标签: javascriptreactjstypescriptmaterial-ui

解决方案


您可以像这样简单地将宽度添加到单元格:

<TableCell width={300}>Dessert (100g serving)</TableCell>

这将使该单元格宽 300 像素。


推荐阅读