title: Datatables Filtering with YADCF - Custom button triggers
body: <p>I am tying to use the <a href="https://github.com/vedmack/yadcf" rel="nofollow noreferrer">YADCF</a> extension so that I can sort the data in my table by it's status. I want to be able to click a button (bootstrap pills) and for that to then be the trigger for filtering the data, however I can't figure out how to do so. Below you can see an example from <a href="http://demo.whmcs.com/" rel="nofollow noreferrer">WHMCS</a>, this is what I wish to happen
  <a href="https://i.stack.imgur.com/iJlVD.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iJlVD.gif" alt="enter image description here"></a></p>
  
  <p>Currently I have been able to filter the data but only by using a select drop down. As you can see below, this is how my table and buttons look (including the added Select element from YADCF)
  <a href="https://i.stack.imgur.com/MdtpL.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MdtpL.gif" alt="enter image description here"></a></p>
  
  <p>I was able to have the Select element work fully, but what I am asking is: how can I get each individual button/pill trigger a filter for each type of status?</p>
  
  <p>This is the code I have for the table so far</p>
  
  <pre><code>yadcf.init(ticketsTable, [
      {
          column_number: 2,
          filter_container_id: 'test_container_0',
          column_data_type: "html",
          html_data_type: "text",
          filter_default_label: "Select Status"
  
      },
  ],
      {
          externally_triggered: false
      }
  );
  </code></pre>
  
  <p>Any help at all would be greatly appreciated.</p>