Bootstrap Table 加载外部数据 - 未找到匹配的记录

Question

我正在尝试让插件 Bootstrap Table 与官方网站 (http://bootstrap-table.wenzhixin.net.cn/examples/) 上提供的示例代码一起使用。由于某种原因，它似乎不起作用，我得到的只是 "No matching records found"。这是我的 jsFiddle http://jsfiddle.net/1r3s3qjn/ which is based on the official example http://jsfiddle.net/wenyi/e3nk137y/14/light/，它可以工作。

我要加载的数据也是来自官网：http://wenzhixin.net.cn/p/bootstrap-table/docs/data1.json

代码片段：

<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>

任何人都可以让这个简单的例子起作用吗？

编辑：

我刚刚设法让它在本地工作（代码和数据都保存在本地）。然而，这似乎只适用于 Firefox (37.0.2)。 Chrome (42.0.23) 和 IE11 仍然显示 "No matching records found".

Answer 1

显示与 交叉 origin/Access-Control-Allow-Origin 问题相关的错误。提供来自同一域的数据。

或尝试 http://bootstrap-table.wenzhixin.net.cn/examples/#basic-table-from-data。使用 CORS 读取数据并调用 bootstrapTable 函数。

Bootstrap Table 加载外部数据 - 未找到匹配的记录

Bootstrap Table loading external data - No matching records found

javascript

jquery

html

twitter-bootstrap

bootstrap-table