title: Custom Searchbox for vue-table-2
body: <p>Using Vue Table 2, I do not want to use the default search/filter input and the  Records drop down.  I.e. I do not want to use controls in the image below:
  <a href="https://i.stack.imgur.com/CcWvQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CcWvQ.png" alt="screenshot of the default search control"></a></p>
  
  <p>Instead, I want to create my own input box outside the table.  I am able to hide the default row containing the image above.  However, after adding my own input box - example:</p>
  
  <pre><code>    &lt;input type="text" v-model="searchTerm" v-on:keyup='filterResult()' /&gt;,  
  </code></pre>
  
  <p>How can I trigger the filter event to process my filter request in the <code>filterResult()</code> method?</p>
  
  <pre><code> data(){
          return {
              searchTerm:'',
              customFilters: [{
                  name: 'mysearch',
                  callback: function (row, query) {
                      return row.name[0] == query;
                  }
              }],
          },
      },
      methods:{
          filterResult(){
             //how to trigger event to filter result using the searchTerm
          }
      }
  </code></pre>