由Json加载Bootstrap-Table

时间:2016-01-13 16:07:46

标签: json twitter-bootstrap-3 bootstrap-table

我尝试重现这个例子,但是当我下载文件并尝试在本地播放时,没有向我显示表格,只显示标题,标题为两个按钮(了解更多并删除)

http://issues.wenzhixin.net.cn/bootstrap-table/index.html HTML:

   <table id="table"
       data-side-pagination="server"
       data-sort="desc"
       data-url="json/data1.json"
       >
</table>

JS:

$('#table').bootstrapTable({
    url: 'json/data1.json',
    columns: [{
        field: 'id',
        title: 'Item ID'
    }, {
        field: 'name',
        title: 'Item Name'
    }, {
        field: 'price',
        title: 'Item Price'
    }, ]
});

JSON

[
    {
        "id": 0,
        "name": "Item 0",
        "price": "$0"
    },
    {
        "id": 1,
        "name": "Item 1",
        "price": "$1"
    },
    {
        "id": 2,
        "name": "Item 2",
        "price": "$2"
    },
    {
        "id": 3,
        "name": "Item 3",
        "price": "$3"
    },
    {
        "id": 4,
        "name": "Item 4",
        "price": "$4"
    },
    {
        "id": 5,
        "name": "Item 5",
        "price": "$5"
    }
]

我将bootstrap-table文件夹复制到bootstrap-table.js文件中,因为当我下载该示例时,该文件不在该文件夹中。

有人可以帮我知道如何展示桌子

感谢名单

0 个答案:

没有答案