使用ajax的Bootstrap表没有排序或搜索

Question

我正在使用一个简单的bootstrap表，其中包含来自ajax的数据加载。我假设我没有正确地使用数据将其加载到列中，这就是打破排序和搜索的原因。有人可以请帮助。这就是我的代码 -

`

<table id="table"></table>
    <script>
    $(document).ready(function () {     
                $.ajax({
                   url: 'http://dev.cehtp.org/api/water/get/3301477',
                   dataType: 'json',
                   success: function(jsnData) {
                       $('#table').bootstrapTable({
                          data: jsnData.rows, //this seems to be my problem area
                          columns: [{
                                field: 'id',
                                title: 'Id',
                                sortable: true,
                              searchable:true
                            }, {
                              field: 'name',
                              title: 'name',
                              sortable: true,
                              searchable:true
                          }]
                       });
                   }
                });
            });
            </script>

`