twitter-bootstrap - 如何使用 Bootstrap 表从服务器加载数据？

Question

我正在使用 bootstrap-table 插件在 HTML 表中显示来自服务器的数据，但我无法让它工作。这是插件网址:http://bootstrap-table.wenzhixin.net.cn/

这是我的代码:

<table data-url="http://wenzhixin.net.cn/examples/bootstrap_table/data"  data-pagination="true" data-page-list="[5, 10, 20, 50, 100, 200]" data-search="true" data-toggle="table" id="table">
    <thead>
    <tr>
        <th data-field="state" data-checkbox="true"></th>
        <th data-field="id" data-align="right" data-sortable="true">Item ID</th>
        <th data-field="name" data-align="center" data-sortable="true">Item Name</th>
        <th data-field="price" data-sortable="true">Item Price</th>
    </tr>
    </thead>
</table>

我已经加载了所有必要的文件，但这不起作用。

这是 fiddle : http://jsfiddle.net/qoyho5jg/

Answer 1

这是正确的 JSON 格式:

{"total":4,"rows":[{"id":"1","name":"Item 1","price":"123"},{"id":"2","name":"Item 2","price":"123"}]}