0

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.如何在数据来源方式不变的情况下让这些功能可用?

1 个回答

0

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