Material-UI TreeView 高度
Material-UI TreeView height
有谁知道如何设置material-ui TreeView固定高度或适合显示的高度?
我希望在 TreeView 内容高度变为 100(例如显示高度的 100%)时显示滚动条。现在,当我展开我的树时,所有不适合的内容都会从显示底部消失。
只需修改TreeView
组件的root
样式即可。将您想要的高度添加到 height
属性,然后将 overflow
赋给 auto 以使整个 TreeView
组件可滚动。 Sandbox
const useStyles = makeStyles({
root: {
height: "50px",
flexGrow: 1,
maxWidth: 400,
overflow: "auto"
}
});
<TreeView
className={classes.root}
defaultCollapseIcon={<ExpandMoreIcon />}
defaultExpandIcon={<ChevronRightIcon />}
>
有谁知道如何设置material-ui TreeView固定高度或适合显示的高度?
我希望在 TreeView 内容高度变为 100(例如显示高度的 100%)时显示滚动条。现在,当我展开我的树时,所有不适合的内容都会从显示底部消失。
只需修改TreeView
组件的root
样式即可。将您想要的高度添加到 height
属性,然后将 overflow
赋给 auto 以使整个 TreeView
组件可滚动。 Sandbox
const useStyles = makeStyles({
root: {
height: "50px",
flexGrow: 1,
maxWidth: 400,
overflow: "auto"
}
});
<TreeView
className={classes.root}
defaultCollapseIcon={<ExpandMoreIcon />}
defaultExpandIcon={<ChevronRightIcon />}
>