修复了Material-UI @ next(v1.0.0-beta.8)中的表格标题和高度

问题描述 投票:3回答:1

[email protected]中,有表高度和固定表头的道具,但不幸的是它们似乎没有在Material-UI @ next中实现。是否有一种解决方法,以便使用Material-UI @下一步实现相同的功能?

我已经尝试切换到v0.19.1并使用该版本重建了我的表组件,但是这给我留下了一个关于multiselect(https://github.com/callemall/material-ui/issues/5964)的新bug。

有关如何解决这些问题的任何建议?

reactjs material-ui
1个回答
0
投票

您是否尝试在标题TableCell组件中添加位置:'sticky'?

我不确定它是否适用于您的材质UI版本,但在我的情况下(v3.0.2),CSS类看起来像这样:

header: {
    background-color: '#fff',
    position: 'sticky',
    top: 0,
},

然后只需申请每个TableCell:

<TableCell
   className={header}>
   {yourLabel}
</TableCell>
© www.soinside.com 2019 - 2024. All rights reserved.