如何摆脱 Material-UI TreeView 中的水平滚动条？答案

【问题标题】：How to get rid of horizontal scrollbar in Material-UI TreeView?如何摆脱 Material-UI TreeView 中的水平滚动条？
【发布时间】：2023-01-05 05:20:33
【问题描述】：

在试用 Tree View (@mui/lab/TreeView) 的 Material-UI 基本示例时，我不知道如何在使用 overflowY: "auto" 时删除水平滚动条（即使我使用 overflow: "auto" 也有同样的效果）选项在 TreeView 组件的 sx 道具中。无论右侧有多少可用空间，水平滚动条都会出现。我想保留 overflowY 选项以防垂直溢出。

例如，请在 StackBlitz 或 CodeSandbox 中查看来自官方Material-UI page 的基本树视图示例。

如何在不需要时删除水平滚动条？

【问题讨论】：

标签： material-ui

【解决方案1】：

要完全删除水平滚动条，您可以隐藏 X 轴上的溢出。

在 CSS 中

.TreeView {
  overflow-x: hidden;
}

或者在 jsx 中

  <TreeView
     sx={{ overflowX: "hidden" }}
     ...
  >

【讨论】：