Needed Urgent help
Hi...I need some help I am trying to keep my table in one half of the splitplane but my pagination is not showing there and its always showing only 10elements more than that its not showing

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { Link } from 'react-router';
import SplitPane from 'react-split-pane';
import Popup from 'react-popup';
import Dropdown from 'react-dropdown';
var classNames = require('classnames');
import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';
// or in ECMAScript 5

var products = [{
id: 1,
name: "Product1",
price: 120
}, {
id: 2,
name: "Product2",
price: 80
},{
id: 3,
name: "Product2",
price: 80
},{
id: 4,
name: "Product2",
price: 80
},{
id: 5,
name: "Product2",
price: 80
},{
id: 1,
name: "Product1",
price: 120
}, {
id: 2,
name: "Product2",
price: 80
},{
id: 3,
name: "Product2",
price: 80
},{
id: 4,
name: "Product2",
price: 80
},{
id: 12,
name: "Product2",
price: 80
},{
id: 11,
name: "Product2",
price: 80
}];
//var SplitPane=require('SplitPane');
var $ = require('jquery');
var lastActiveTool = ''
var moviearr = [];
var ProcessInstancesF = [];
var ProcessInstance_Table = [];
var instanceLog = []
var n = '';
var i = 0;
var dataList = []
//For the Table

class Car extends Component {

render() {
const numbers = [1, 2, 3, 4, 6]
// Map through cars and return linked cars
const ProcessInstances = numbers.map((number) =>

{number}

)

return (

);
}
}

export default Car

INDEX.html

Cars

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js">
var ReactBsTable = window.BootstrapTable;

Case2:
When i restart my node server.For the first time i am able to see that page options as below

But When i click on Page 2.It goes to Page 2 and everything all page number disappears and struck at page 2 only.