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

Question

<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

You need to initialize `bootstrapTable` first before using refresh on the same. `$("#selectCaseTable").bootstrapTable();` — Bhavik, May 16 '19 at 03:34

score 4 · Accepted Answer · answered May 16 '19 at 03:40

4

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 .

answered May 16 '19 at 03:40

Jean Ouédraogo

234
2
6
16

3

DataTable and Bootstrap table are two different things see: * https://bootstrap-table.com/ * https://datatables.net/ He can call `bootstrapTable()` if he loads the library properly, or as you said he can call `DataTable()` because that's the library he loaded – Gabi Dj Mar 23 '20 at 15:00

score 3 · Answer 2 · answered May 16 '19 at 06:10

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/bootstrap-table@1.14.2/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

score 1 · Answer 3 · answered Mar 25 '20 at 12:07

1

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

answered Mar 25 '20 at 12:07

siddhartha attri

93
8

score 0 · Answer 4 · answered Sep 26 '22 at 20:57

0

you can use

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

only you need set in your table

data-show-refresh="true"

answered Sep 26 '22 at 20:57

loppra

61
1
2

score 0 · Answer 5 · answered Feb 23 '23 at 16:22

0

this worked for me:

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

table.bootstrapTable('getData')

answered Feb 23 '23 at 16:22

Filip Zieliński

182
1
6

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

5 Answers5

Linked