页面的取值是动态循环的，Bootstrap Table的排序功能应该怎么使用？

Question

1.Bootstrap Table使用的数据源是来自页面，而页面的数据是来自json的循环（用的是knockout的foreach循环）。也就是页面先有的数据，再对表格进行Bootstrap Table初始化，对样式进行美化。但是在使用Bootstrap Table的排序功能时（卡片视图，内容列下拉框也一样），之前页面绑定的数据就消失了。这个问题该怎么解决？效果图如下。
这是刚进入的页面：

当点击排序后：

2.代码如下

前台代码<table data-toggle="table" data-show-columns="true" data-striped="true" data-height="400" data-sort-order="desc" id="my_table" >

<thead>
<tr>
<th data-sortable="true" nowrap="nowrap" style="text-align:left;">项目名称</th>
<th data-sortable="true" nowrap="nowrap" style="text-align:left;">客户名称</th>
<th nowrap="nowrap" style="text-align:right;">业务部门</th>
</tr>
</thead>
<tbody data-model = "my_model" data-bind="foreach: dataArray">
<tr>
<td data-bind = "text:projectName" style="text-align:left">项目名称</td>
<td data-bind = "text:custName" style="text-align:left">客户名称</td>
<td data-bind = "text:bizDept" style="text-align:left">业务部门</td>
</tr>
</tbody>
</table>

js:
$('[data-toggle="table"]').bootstrapTable();

3.如何在数据来源方式不变的情况下让这些功能可用？

Answer 1

你给的js代码不完整吧，首先确定一下分页是不是在server端的，如果是在server端的话，那就看看你点击排序的时候，服务器返回的数据准确不准确