Material-ui: 表头列宽

创建于 2016-02-20 · 3评论 · 资料来源: mui-org/material-ui

嗨，大家好。
我正在尝试为表格列设置自定义宽度，但没有成功。
这样做：

                    <TableRowColumn width={70}>

有效，但对 TableHeaderColumn 执行相同操作无效。
我也试过：

              <TableHeaderColumn style={{width: 70}}>

结果一样。表头列保持相同的大小。
有什么建议么？

提前致谢！

question

资料来源

reflog

👍2

最有用的评论

@Aweary - 它是偶然而不是设计的。非 MUI 道具分别传播到<td> / <th>元素， width是 HTML5 之前的

可能仍然有效但不应使用的属性。

而是使用style={{width: '50px'}}或style={{width: '50%'}} 。

@reflog - 友好提醒，请使用相关渠道提问，并保留已确认错误、回归等的问题。

mbrookes 于 2016-04-08

👍3

根据 API， <TableRowColumn>和<TableHeaderColumn/>使用width道具，所以我很好奇它是如何与<TableRowColumn>

aweary 于 2016-03-08

@Aweary - 它是偶然而不是设计的。非 MUI 道具分别传播到<td> / <th>元素， width是 HTML5 之前的

可能仍然有效但不应使用的属性。

而是使用style={{width: '50px'}}或style={{width: '50%'}} 。

@reflog - 友好提醒，请使用相关渠道提问，并保留已确认错误、回归等的问题。

mbrookes 于 2016-04-08

👍3

更好地使用 className="" 并在 css 文件中定义该 className .. 这样你就可以操纵宽度

piccolush 于 2018-03-23

此页面是否有帮助？

0 / 5 - 0 等级