[TablePagination] Allow the MenuItem customization (#11200)

mui · May 1, 2018 · 2ac22c9 · 2ac22c9
1 parent 690bc0a
commit 2ac22c9
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/packages/material-ui/src/Table/TablePagination.d.ts b/packages/material-ui/src/Table/TablePagination.d.ts
@@ -34,6 +34,7 @@ export type TablePaginationClassKey =
   | 'root'
   | 'toolbar'
   | 'spacer'
+  | 'menuItem'
   | 'caption'
   | 'input'
   | 'selectRoot'

diff --git a/packages/material-ui/src/Table/TablePagination.js b/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>
               ))}

diff --git a/pages/api/table-pagination.md b/pages/api/table-pagination.md
@@ -36,6 +36,7 @@ This property accepts the following keys:
 - `root`
 - `toolbar`
 - `spacer`
+- `menuItem`
 - `caption`
 - `input`
 - `selectRoot`