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 😸

[djhvscf]

I think it can be a order references issue… Please double check your script order @TreyTaylor

[tvik3000]

I suppose you dont have
$.fn.bootstrapTable.utils = { sprintf: sprintf, getFieldIndex: getFieldIndex, compareObjects: compareObjects, calculateObjectValue: calculateObjectValue }; in your bootstrap-table.js refresh latest version of it 😃 wenzhixin, you are awesome! 😃)