How to edit react bootstrap table and save data after editing
<p>how to edit table directly on the browser page and save data after reloading page. The table is made using react bootstrap table.screenshot of project is here.<a href="http://i.stack.imgur.com/WfdBf.png">edit and save like in screenshot</a></p>

<p>code of my project is here.</p>

<pre><code>onAfterSaveCell(value, name){
axios({
method:'post',
url:'https://something.something.com.somewhere/update_something',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
'x-access-token':this.state.token
},
data:{
name:value[name]
}
})
.then((response)=&gt;{
this .getCustomerData();
})
.catch((error)=&gt;{
throw('error',error);
});
 }
</code></pre>

<p>react bootstrap is here</p>

<pre><code>&lt;BootstrapTable data={this.state.customer_data} search={true} cellEdit={ {
  mode: "click",
  blurToSave: true,
  afterSaveCell: this.onAfterSaveCell
 } } &gt;
    &lt;TableHeaderColumn dataField="tid" isKey = {true} dataSort={true} width="70"&gt;S.No&lt;/TableHeaderColumn&gt;
    &lt;TableHeaderColumn dataField="company_name" dataSort={true}&gt;Company Name&lt;/TableHeaderColumn&gt;
    &lt;TableHeaderColumn dataField="contact_address" dataSort={true}&gt;Contact Address&lt;/TableHeaderColumn&gt;
    &lt;TableHeaderColumn dataField="contact_person" dataSort={true}&gt;Contact Person&lt;/TableHeaderColumn&gt;
    &lt;TableHeaderColumn dataField="contact_number" dataSort = {true}&gt;Contact Number&lt;/TableHeaderColumn&gt;
 &lt;/BootstrapTable&gt;
</code></pre>