Material-UI TreeView 高度

Question

Material-UI TreeView 高度

javascriptreactjsmaterial-uitreeview

6

有人知道如何设置material-ui TreeView的固定高度或适合显示的高度吗？我希望当TreeView内容高度达到100或100％显示高度时，可以显示滚动条。现在，当我展开树时，所有未适合的内容都会超出显示底部。

- Ruslan Ermahgerd

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- alisasani · Accepted Answer

只需修改 TreeView 组件的 root 样式。将您所需的高度添加到 height 属性中，然后将 overflow 分配为自动以使整个 TreeView 组件可滚动。沙盒。

const useStyles = makeStyles({
  root: {
    height: "50px",
    flexGrow: 1,
    maxWidth: 400,
    overflow: "auto"
  }
});
<TreeView
      className={classes.root}
      defaultCollapseIcon={<ExpandMoreIcon />}
      defaultExpandIcon={<ChevronRightIcon />}
    >