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

发布于 2022-09-05 03:46:38 字数 1458 浏览 13 评论 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.如何在数据来源方式不变的情况下让这些功能可用?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

很酷不放纵 2022-09-12 03:46:38

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文