[TablePagination] Allow more rows per pages

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: [5, 10, 25, 50],
 };
 
 export default withStyles(styles, { name: 'MuiTablePagination' })(TablePagination);

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/)).