我想使用 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(使用前将#替换为@)