如何在bootstrap-table卡片视图/自定义视图中添加排序？
如何在bootstrap-table卡片视图/自定义视图中添加排序？
提问于 2021-05-12 14:39:45
我正在尝试创建一个可以直接从卡片模式(在我的例子中是自定义模式)中使用的排序。
我自己创建了这个按钮，但我找不到在不在表视图中时对字段调用sort的方法。就像过滤选项一样，我也在寻找类似的东西：
$("#bootstrapTable").bootstrapTable("sortBy", {
sortAlgorithm: sorter }例如here：如果您切换到表视图(单击眼睛)，则可以通过按表头上的键按名称进行排序。但是在卡片/自定义视图中，你不能。
我怎样才能让那里的按钮按名称排序？
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-06-06 18:34:04
我找到了解决这个问题的方法。
您可以使用$('#table').bootstrapTable("refreshOptions", {})更改排序选项，它将生效。
在上面的示例中，您可以使用：
<button onclick="sorter()">
Sort by name
</button>
<script>
function sorter() {
console.log("here")
$("#table").bootstrapTable("refreshOptions", {
sortName: "name",
sortOrder: "desc",
});
}
</script>当然，您可以对其进行修改，以便对任意一列进行排序，并更改顺序。
希望它能帮助那些在未来跌倒在这里的人
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67498469
复制相关文章
相似问题
腾讯云开发者
