diff --git a/README.md b/README.md index 8019870..d6c2710 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ React Table Logo

- + # react-table @@ -99,7 +99,10 @@ These are the default props for the main react component `` // Text previousText: 'Previous', - nextText: 'Next' + nextText: 'Next', + pageText: 'Page', + ofText: 'of', + rowsText: 'rows', // Classes className: '-striped -highlight', // The most top level className for the component diff --git a/src/index.js b/src/index.js index 29bbdd5..ac68ff8 100644 --- a/src/index.js +++ b/src/index.js @@ -54,6 +54,9 @@ export const ReactTableDefaults = { previousText: 'Previous', nextText: 'Next', loadingText: 'Loading...', + pageText: 'Page', + ofText: 'of', + rowsText: 'rows', // Components tableComponent: (props) => {props.children}
, theadComponent: (props) => {props.children}, @@ -428,6 +431,9 @@ export default React.createClass({ canNext={canNext} previousText={this.props.previousText} nextText={this.props.nextText} + pageText={this.props.pageText} + ofText={this.props.ofText} + rowsText={this.props.rowsText} previousComponent={PreviousComponent} nextComponent={NextComponent} // diff --git a/src/pagination.js b/src/pagination.js index 0822138..0fcb791 100644 --- a/src/pagination.js +++ b/src/pagination.js @@ -63,7 +63,7 @@ export default React.createClass({
- Page {showPageJump ? ( + {this.props.pageText} {showPageJump ? (
@@ -83,7 +83,7 @@ export default React.createClass({
) : ( {currentPage + 1} - )} of {pagesLength} + )} {this.props.ofText} {pagesLength}
{showPageSizeOptions && ( @@ -96,7 +96,7 @@ export default React.createClass({ ) })}