Datatables Filtering with YADCF - Custom button triggers
<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>