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

Question

在 Material-UI@v0.xx.x 中有表格高度和固定表格标题的道具，但不幸的是它们似乎没有在 Material-UI@next 中实现。是否有解决方法可以使用 Material-UI@next 实现相同的目的？

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

关于如何解决这些问题的任何建议？

Answer 1

如果您使用的是当前版本的 Material UI (v4.5.1)，您可以stickyHeader根据此演示将该属性添加到您的表中。

<Table stickyHeader>
  ...
</Table>

Answer 2

您是否尝试过将position: 'sticky' 添加到标题TableCell组件中？

我不确定它是否适用于您的 Material UI 版本，但在我的情况下 (v3.0.2) CSS 类如下所示：

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

然后简单地申请每个TableCell：

<TableCell
   className={classes.header}>
   {yourLabel}
</TableCell>