material-ui_pagination

Material-ui Pagination Component

Usage

class App extends Component {
    constructor(props) {
        super(props);
 
        this.state = {
            selectedRowSize: 20
        }
    }
 
    onChange = (event, index, selectedRowSize) => {
        this.setState({selectedRowSize});
    };
 
    render() {
        const {selectedRowSize} = this.state;
 
        return (
            <MuiThemeProvider>
                <div className="App">
                    <Pagination rows={10}
                                rowSizeWidthStyle="10%"
                                selectedRowSize={selectedRowSize}
                                rowSize={[10, 20, 30]}
                                handleRowSizeChange={this.onChange}/>
                </div>
            </MuiThemeProvider>
        );
    }
}