title: How to make only text of react bootstrap table header clickable
body: <p>Code:</p>
  
  <pre><code>&lt;TableHeaderColumn dataField="test" isKey dataSort&gt;Column&lt;/TableHeaderColumn&gt;
  </code></pre>
  
  <p>With this the whole area of the column is clickable, I just want the text and the chevron to be clickable, how can I achieve that. </p>
  
  <p><a href="https://i.stack.imgur.com/xpFMe.png" rel="nofollow noreferrer">This image show that the whole area is clickable</a></p>
  
  <p>Please help, i am stuck on this</p>
  
  <p><a href="https://i.stack.imgur.com/blYya.png" rel="nofollow noreferrer">This is the output HTML generated</a></p>