title: Bootstrap-vue b-table with filter in header
body: <p>I have a table generated with bootstrap-vue that shows the results of a system search. </p>
  
  <p>The Results Table shows the records to the user, and the user can sort them and filter them.</p>
  
  <p>How can I add the search field underneath the table header <code>&lt;th&gt;</code> generated with the bootstrap-vue <code>&lt;b-table&gt;</code> element?</p>
  
  <p>Screenshot of the <strong>current table</strong>:
  <a href="https://i.stack.imgur.com/ebtGR.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ebtGR.png" alt="enter image description here"></a></p>
  
  <p>Mockup of the <strong>wanted table</strong>:
  <a href="https://i.stack.imgur.com/cJ0tA.png" rel="noreferrer"><img src="https://i.stack.imgur.com/cJ0tA.png" alt="Mockup of the wanted table"></a></p>