From a8798df2bc2c49431e38920fdd4cd044edb80270 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Mon, 5 Nov 2018 23:42:01 +0100
Subject: [PATCH] [TablePagination] Allow more rows per pages

---
 docs/src/pages/demos/tables/CustomPaginationActionsTable.js | 1 +
 docs/src/pages/demos/tables/EnhancedTable.js                | 1 +
 packages/material-ui/src/TablePagination/TablePagination.js | 2 +-
 pages/api/table-pagination.md                               | 2 +-
 4 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/docs/src/pages/demos/tables/CustomPaginationActionsTable.js b/docs/src/pages/demos/tables/CustomPaginationActionsTable.js
index c7335134f49f65..43489626e1bfd4 100644
--- a/docs/src/pages/demos/tables/CustomPaginationActionsTable.js
+++ b/docs/src/pages/demos/tables/CustomPaginationActionsTable.js
@@ -171,6 +171,7 @@ class CustomPaginationActionsTable extends React.Component {
             <TableFooter>
               <TableRow>
                 <TablePagination
+                  rowsPerPageOptions={[5, 10, 25]}
                   colSpan={3}
                   count={rows.length}
                   rowsPerPage={rowsPerPage}
diff --git a/docs/src/pages/demos/tables/EnhancedTable.js b/docs/src/pages/demos/tables/EnhancedTable.js
index bde4364925dafb..bf20897d533209 100644
--- a/docs/src/pages/demos/tables/EnhancedTable.js
+++ b/docs/src/pages/demos/tables/EnhancedTable.js
@@ -328,6 +328,7 @@ class EnhancedTable extends React.Component {
           </Table>
         </div>
         <TablePagination
+          rowsPerPageOptions={[5, 10, 25]}
           component="div"
           count={data.length}
           rowsPerPage={rowsPerPage}
diff --git a/packages/material-ui/src/TablePagination/TablePagination.js b/packages/material-ui/src/TablePagination/TablePagination.js
index d832a4bd0e1d46..913076a963430b 100644
--- a/packages/material-ui/src/TablePagination/TablePagination.js
+++ b/packages/material-ui/src/TablePagination/TablePagination.js
@@ -237,7 +237,7 @@ TablePagination.defaultProps = {
   component: TableCell,
   labelDisplayedRows: ({ from, to, count }) => `${from}-${to} of ${count}`,
   labelRowsPerPage: 'Rows per page:',
-  rowsPerPageOptions: [5, 10, 25],
+  rowsPerPageOptions: [10, 25, 50, 100],
 };
 
 export default withStyles(styles, { name: 'MuiTablePagination' })(TablePagination);
diff --git a/pages/api/table-pagination.md b/pages/api/table-pagination.md
index 5acde75b0c400f..ec11be1d2da479 100644
--- a/pages/api/table-pagination.md
+++ b/pages/api/table-pagination.md
@@ -31,7 +31,7 @@ A `TableCell` based component for placing inside `TableFooter` for pagination.
 | <span class="prop-name">onChangeRowsPerPage</span> | <span class="prop-type">func</span> |   | Callback fired when the number of rows per page is changed.<br><br>**Signature:**<br>`function(event: object) => void`<br>*event:* The event source of the callback |
 | <span class="prop-name required">page *</span> | <span class="prop-type">number</span> |   | The zero-based index of the current page. |
 | <span class="prop-name required">rowsPerPage *</span> | <span class="prop-type">number</span> |   | The number of rows per page. |
-| <span class="prop-name">rowsPerPageOptions</span> | <span class="prop-type">array</span> | <span class="prop-default">[5, 10, 25]</span> | Customizes the options of the rows per page select field. If less than two options are available, no select field will be displayed. |
+| <span class="prop-name">rowsPerPageOptions</span> | <span class="prop-type">array</span> | <span class="prop-default">[5, 10, 25, 50]</span> | Customizes the options of the rows per page select field. If less than two options are available, no select field will be displayed. |
 | <span class="prop-name">SelectProps</span> | <span class="prop-type">object</span> |   | Properties applied to the rows per page [`Select`](/api/select/) element. |
 
 Any other properties supplied will be spread to the root element ([TableCell](/api/table-cell/)).