Material UI v1 - 设置表格列宽

2023-12-26

我想使用 css 在 Material UI 表上设置列宽(而不是在 React 中使用“类”)。 但我不明白如何控制列宽。我尝试设置 TH 列的宽度,但它不起作用。

参见示例:Material ui 表示例 https://codesandbox.io/s/y2qm07xw6z(参见样式.css)

我不明白如何控制“表列宽度”简单表“ 在 Material UI 表上:简单的桌子 https://material-ui.com/demos/tables/#simple-table(你可以看到第一列比其他列更宽。怎么样?)

那么它是如何工作的以及如何修改设置呢?


尝试使用 colgroup,在 Material-UI V1 中为我工作

<Table>
   <colgroup>
      <col style={{width:'10%'}}/>
      <col style={{width:'20%'}}/>
      <col style={{width:'70%'}}/>
   </colgroup>
   <TableHead>
      <TableRow>
         <TableCell>Head1</TableCell>
         <TableCell>Head2</TableCell>
         <TableCell>Head3</TableCell>
      </TableRow>
   </TableHead>
   <TableBody>
      <TableRow>
         <TableCell>Data1</TableCell>
         <TableCell>Data2</TableCell>
         <TableCell>Data3</TableCell>
      </TableRow>
   </TableBody>
</Table>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Material UI v1 - 设置表格列宽 的相关文章

随机推荐