javascript - Bootstrap Table loading external data - No matching records found -


i'm trying plugin bootstrap table work example code provided on official site (http://bootstrap-table.wenzhixin.net.cn/examples/). reason doesn't seem work, "no matching records found". here's jsfiddle http://jsfiddle.net/1r3s3qjn/ based on official example http://jsfiddle.net/wenyi/e3nk137y/14/light/, works.

the data i'm trying load official site: http://wenzhixin.net.cn/p/bootstrap-table/docs/data1.json

code snippet:

<table data-toggle="table" data-url="http://wenzhixin.net.cn/p/bootstrap-table/docs/data1.json">     <thead>         <tr>             <th data-field="id">id</th>             <th data-field="name">name</th>             <th data-field="price">price</th>         </tr>     </thead> </table> 

can simple example work?

edit:

i managed work locally (with both code , data saved locally). however, seems work in firefox (37.0.2). both chrome (42.0.23) , ie11 still display "no matching records found".

showing error related cross origin/access-control-allow-origin issue. provide data same domain.

or try http://bootstrap-table.wenzhixin.net.cn/examples/#basic-table-from-data. read data using cors , call bootstraptable function.