Reactjs 材质UI数据网格垂直滚动条

我想呈现一个没有任何垂直滚动条的材质UI数据网格。这是网格的代码：

return <div style={{height: 400, width: '100%', } }>
        <DataGrid className={classes.root} rows={closedPositions} columns={columns} rowHeight={20} 
headerHeight={25} disableSelectionOnClick pageSize={20} autoPageSize={true} scrollbarSize={1}
                  components={{
                      pagination: CustomPagination,
                  }}
        />

返回

autopageSize的文档包括：

如果为true，则根据容器大小和最大行数计算页面大小，以避免呈现垂直滚动条。

因此，我很困惑为什么我有一个滚动条。即使我将div设置为高度10000，但表中没有行，我仍然会得到一个滚动条

此外，scrollbarSize为15和1之间没有区别（对于我想要的水平滚动条）

有人知道出了什么问题吗？

您是否尝试下面的代码

autoHeight={true}

这对我来说很好

Exsample

<div style={{ width: "100%" }}>
  <DataGrid
    rows={rows}
    columns={columns}
    autoHeight={true}
  />
</div>

谢谢您的回答！不清楚您希望OP在何处插入您在答案中编写的代码，请编辑您的答案，以便更容易了解如何使用您建议的属性？我认为添加整个组件标签就足够了。谢谢你的建议！我添加了整个组件标签。是的，我尝试过：（它似乎去掉了滚动条，但我的网格没有达到400像素的高度。现在更不用说它是你的代码了。这个页面有一个滚动条，但这是针对浏览器的，不是针对DataGrid的。