Material UI - Remove "Rows per page" in the component TablePagination

Correct answer you should find in documentation. For the property rowsPerPageOptions one says:

Customizes the options of the rows per page select field. If less than two options are available, no select field will be displayed.

So you have to specify rowsPerPageOptions={[]}, that's all folks. The documentations could be found here.


Just assign the attribute labelRowsPerPage in TablePagination tag to an empty string.

<TablePagination
  labelRowsPerPage=''
  {...otherProps}
  />

Just add the options property with paging as false to your JSX call for Material Table

<MaterialTable
    //your other props
    options={{
        paging: false
    }}
/>

Tags:

Material Ui