Method render

demo/example/PaginationDemo.jsx:18–73

()

    }

    render() {
        return (
            <div>
                <h3>Pagination</h3>
                <ol>
                    <li>
                        <h4>Default pagination</h4>
                        <Pagination/>
                        <pre>
                            <code>
                                {`<Pagination/>`}
                            </code>
                        </pre>
                    </li>
                    <li>
                        <h4>Change event</h4>
                        <p>this will change next pagination</p>
                        <Pagination total={10} onChange={this.handlePageChange.bind(this)}/>
                        <pre>
                            <code>
                                {`<Pagination total={10} onChange={handlePageChange}/>`}
                            </code>
                        </pre>
                    </li>
                    <li>
                        <h4>Pagination with given current page</h4>
                        <p>now on page {this.state.current}</p>
                        <Pagination current={this.state.current} onChange={this.handlePageChange.bind(this)} total={100}/>
                        <pre>
                            <code>
                                {`<Pagination current={current} onChange={handlePageChange} total={100}/>`}
                            </code>
                        </pre>
                    </li>
                    <li>
                        <h4>Pagination with full range</h4>
                        <Pagination showRange={true} total={100}/>
                        <pre>
                            <code>
                                {`<Pagination showRange={true} total={100}/>`}
                            </code>
                        </pre>
                    </li>
                    <li>
                        <h4>Pagination with navigation</h4>
                        <Pagination showNav={true} current={3}/>
                        <pre>
                            <code>
                                {`<Pagination showNav={true} current={3}/>`}   
                            </code>
                        </pre>
                    </li>
                </ol>
            </div>
        );
    }
}