title: How to edit react bootstrap table and save data after editing
body: <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>