How to correctly use Bootstrap table data-url property?

javascript twitter-bootstrap bootstrap-table
Syed Ahmed Jamil picture Syed Ahmed Jamil · Apr 23, 2017 · Viewed 13.6k times · Source

I am trying to figure out how to use the data-url property of Bootstrap table Here is my code. I have added all the necessary CSS/JS files and referenced a correct JSON form file in the the data-url property but still it ain't showing any results. What am I missing here ?

Answer

NovaPenguin picture NovaPenguin · Apr 23, 2017

Look in the network tab in your browser debugger. Most likely you're getting a 400 error because of the Same-origin Policy. The browser can't* request content from a different domain than the one it's hosted on.

*Generally true, there are ways around this.

https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

Related questions

Getting values of selected table rows in bootstrap using jquery

I'm using bootstrap table. In that I want to get Item ID value/values of selected table rows after clicking 'Add to cart' button present on same page. Table code: <table data-toggle="table" id="table-style" data-row-style="rowStyle" data-url="tables/…

Read More
Refresh Bootstrap-table

The problem is that I cannot make the table (bootstrap-table) update the data after completion of the registration. I'm trying to do it via JS, but without success. I've tried the following: JS $.post($form.attr('action'), $form.serialize(), function (…

Read More
Add editable to bootstrap table

I try to use bootstrap table editable. In my jsp page I have: <div class="row mystyle" > <div class="col-md-10"> <table id="mytable" class="table table-hover" id="table-pagination" data-url="data.json" data-toggle="table" data-pagination="true" …

Read More