【问题标题】:How to hide bottom info of DataGrid MUI如何隐藏 DataGrid MUI 的底部信息
【发布时间】:2022-11-10 03:56:34
【问题描述】:

我使用 MUI 中的 DataGrid,我真的想隐藏这个,我该怎么做,谢谢

【问题讨论】:

    标签: javascript reactjs material-ui


    【解决方案1】:

    您可以在道具 dataGrid 中使用 hideFooterPaginationhideFooterSelectedRowCount

     <DataGrid
        rows={rows}
        columns={columns}
        hideFooterPagination
        hideFooterSelectedRowCount
      />
    

    【讨论】:

    • 感谢您的回答,它确实完成了这项工作,但一个问题是,它仍然在底部留下空白行,我该如何摆脱它,这是ibb.co/25mZJ1X 的图像
    【解决方案2】:

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

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

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

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

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

    【讨论】:

      猜你喜欢
      • 2021-02-14
      • 2014-08-29
      • 2019-08-25
      • 1970-01-01
      • 1970-01-01
      • 2022-06-22
      • 2023-02-10
      • 2022-06-23
      • 1970-01-01
      相关资源
      最近更新 更多