CODEWITHSUNDEEP
jquerytwitter-bootstrap-3adminlte
wzhang
wzhang

Reputation: 35

TypeError: $ (...).bootstrapTable is not a function

<table id="selectCaseTable" class="table table-bordered table-striped table-hover">
  <!-- table code... -->
</table>

<!-- jQuery 3 -->
<script src="/static/adminlet-2.4.10/bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="/static/adminlet-2.4.10/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="/static/adminlet-2.4.10/dist/js/adminlte.min.js"></script>
<script src="/static/adminlet-2.4.10/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/static/adminlet-2.4.10/bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="/static/adminlet-2.4.10/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<!-- FastClick -->
<script src="/static/adminlet-2.4.10/bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="/static/adminlet-2.4.10/dist/js/demo.js"></script>

<srcipt>
fuctions addSelectCase(){
    ...
    $("#selectCaseTable").bootstrapTable('refresh');
}
</script>

When I call bootstrapTable("refresh") like below

$("#selectCaseTable").bootstrapTable('refresh');

I see error on console

TypeError: $(...).bootstrapTable is not a function

Upvotes: 1

Views: 18020

Answers (5)

Filip Zieliński
Filip Zieliński

Reputation: 242

this worked for me:

let table = $('#table').bootstrapTable({});

table.bootstrapTable('getData')

Upvotes: 0

loppra
loppra

Reputation: 71

you can use

$('button[name="refresh"]').click()

only you need set in your table

data-show-refresh="true"

Upvotes: 0

siddhartha attri
siddhartha attri

Reputation: 103

I just added bootstrap related files (js and css) after jquery related files and the issue is gone.

Upvotes: 2

Md. Abu Sayed
Md. Abu Sayed

Reputation: 2486

TypeError: $ (…).bootstrapTable is not a function

This error is given when the initial $('#example').DataTable(); after the bootstrapTable library you must include 

<script src="https://unpkg.com/[email protected]/dist/bootstrap-table.min.js"></script>

After the call $('#example').DataTable(); function.

it's a common issue for any script or function not loaded but you call it then this error given by the client site browser.

Thanks

Upvotes: 3

Jean Ou&#233;draogo
Jean Ou&#233;draogo

Reputation: 244

You are supposed to be calling Datatable() not bootstrapTable() as shows the code below:

var table = $('#example').DataTable();
table.ajax.reload();

For further knowledge click here to see previous question .

Upvotes: 3

Related Questions