CODEWITHSUNDEEP
javascriptreactjsmaterial-ui
CODEforDREAM
CODEforDREAM

Reputation: 1093

How to hide bottom info of DataGrid MUI

I' using DataGrid from MUI and i really want to hide this, how can i do this, thanks enter image description here

Upvotes: 6

Views: 9807

Answers (2)

ReisenX
ReisenX

Reputation: 156

For removing all the footer you can use

hideFooter: If true, the footer component is hidden.

You can check that here on the documentacion for the DataGrid https://mui.com/x/react-data-grid/components/#footer

As well this prevent the problem you mention previously in comment above

Thank for your answers, it definetely did the job, but one problem is, it still leave blank line at bottom, how can i get rid of that, here is image of that ibb.co/25mZJ1X

Example

Upvotes: 6

ALi
ALi

Reputation: 86

you can use hideFooterPagination and hideFooterSelectedRowCount in props dataGrid

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

Upvotes: 2

Related Questions