javascript - bootstrap table 回傳和官方一樣格式的資料 在前端無法顯示

Question

官方範例顯示

我在後台回傳的資料

附上我後台取得資料的程式碼：

#

Answer 1

我也遇到了，原因是load的時候有bug，必須要指定sidePagination為server.

js程式碼裡面修改如下：

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

或修改html

 <table id="table"
           data-side-pagination="server"
           data-show-columns="true"
           data-search="true"
           data-show-refresh="true"
           data-show-toggle="true"
           data-pagination="true"
           data-height="500">

    </table>