title: How to make a column as clickable in a react bootstrap table and avoid showing it as text field in "Add Row"?
body: <p>I referred to the following to make a column in my react bootstrap table clickable:</p>
  
  <p><a href="https://stackoverflow.com/questions/46464713/how-to-add-a-button-inside-every-row-under-a-particular-column-in-bootstrap-reac">How to add a button inside every row under a particular column in Bootstrap React Table?</a></p>
  
  <p>But when i using the "Add New Row" button, the column in my react bootstrap table is still a text field. I want that column to be a button/clickable url there as well.</p>
  
  <p>Kindly, help me with this.</p>
  
  <p>A part of my code is:</p>
  
  <pre><code>class ButtonFormatter extends Component {
      render(){
      return (
          &lt;button onClick={this.props.onClick }&gt; Additional Info &lt;/button&gt;
      );
      }
  }
  
  function buttonFormatter(cell, row) {
      return (
          &lt;ButtonFormatter /&gt;
      );
  }
  
  &lt;BootstrapTable deleteRow={true} selectRow={selectRowProp} options={options} 
     insertRow={ true } data={this.props.data} cellEdit={cellEditProp}&gt;
  
  &lt;TableHeaderColumn width='175' dataField="additionalinformation" dataFormat={ 
     buttonFormatter }&gt; Additional Info &lt;/TableHeaderColumn&gt;
  
  &lt;/BootstrapTable&gt;
  </code></pre>
  
  <p>Thank you</p>