如何隐藏DataGrid MUI的底部信息

COD*_*EAM 5 javascript reactjs material-ui

我使用 MUI 中的 DataGrid,我真的想隐藏它,我该怎么做,谢谢 在此输入图像描述

小智 5

要删除所有页脚,您可以使用

hideFooter:如果为 true,则隐藏页脚组件。

您可以在 DataGrid 的文档中查看这一点https://mui.com/x/react-data-grid/components/#footer

这也可以防止您在上面的评论中提到的问题

感谢您的回答,它确实完成了这项工作,但一个问题是,它仍然在底部留下空白行,我怎样才能摆脱它,这是 ibb.co/25mZJ1X 的图像

例子


小智 2

您可以在 props dataGrid 中使用hideFooterPaginationandhideFooterSelectedRowCount

 <DataGrid
    rows={rows}
    columns={columns}
    hideFooterPagination
    hideFooterSelectedRowCount
  />
Run Code Online (Sandbox Code Playgroud)