[TablePagination] Allow the MenuItem customization (#11200)

Author: oliviertassinari

packages/material-ui/src/Table/TablePagination.d.ts

@@ -34,6 +34,7 @@ export type TablePaginationClassKey =
   | 'root'
   | 'toolbar'
   | 'spacer'
+  | 'menuItem'
   | 'caption'
   | 'input'
   | 'selectRoot'

packages/material-ui/src/Table/TablePagination.js

@@ -27,6 +27,7 @@ export const styles = theme => ({
   spacer: {
     flex: '1 1 100%',
   },
+  menuItem: {},
   caption: {
     flexShrink: 0,
   },
@@ -115,7 +116,11 @@ class TablePagination extends React.Component {
               {...SelectProps}
             >
               {rowsPerPageOptions.map(rowsPerPageOption => (
-                <MenuItem key={rowsPerPageOption} value={rowsPerPageOption}>
+                <MenuItem
+                  className={classes.menuItem}
+                  key={rowsPerPageOption}
+                  value={rowsPerPageOption}
+                >
                   {rowsPerPageOption}
                 </MenuItem>
               ))}

pages/api/table-pagination.md

@@ -36,6 +36,7 @@ This property accepts the following keys:
 - `root`
 - `toolbar`
 - `spacer`
+- `menuItem`
 - `caption`
 - `input`
 - `selectRoot`