bootstrap-table: TypeError: $.fn.bootstrapTable is undefined

Hey all!

Trying to impliment the filterControl extension of the Bootstrap-table. I added the options to my table/table-headers and when I saw no change I looked to see if there were any errors with the JS console and it came up with TypeError: $.fn.bootstrapTable is undefined.

Here is my code:

html:

<table
    data-toggle="table"
data-search="true"
data-pagination="false"
data-height="800" 
data-sort-name="Company_Name"
    data-sort-order="ASC"
data-show-columns="true"
    data-show-toogle="true"
    data-show-export="true"
filterControl="true" 
filterShowClear="true"
>
<thead>
    <th>Display Name</th>
    <th>Company Name</th>
    <th>Address 1</th>
        <th>Address 2</th>
    <th>Address 3</th>
    <th>Town Name</th>
    <th>County</th>
    <th>Postcode</th>
    <th>Phone</th>
    <th>WWW</th>
    <th>Contact Name</th>
    <th showFilter="true" filterControl="select">Membership Level Name</th>
</thead>

The example I followed didn’t have a script so I’m assuming this is how? (if not, could someone update the examples 😃 )

thanks 😸