在 Bootstrap-Vue 中按列对 <b-table> 进行排序并禁止用户排序

Posted 2023-02-23

【中文标题】在 Bootstrap-Vue 中按列对 <b-table> 进行排序并禁止用户排序

【英文标题】：Sort a <b-table> in Bootstrap-Vue by a column and disallow user sort

【发布时间】：2021-05-20 17:05:35

【问题描述】：

我知道我们可以使用:sort-by="sortBy" 使<b-table> 的列可排序。但是我怎么能告诉它只在开头按特定列对表格进行排序，并且也按降序排序呢？

我尝试了以下方法，但不起作用。

<b-table
....
:default-sort="TheColumnToSort"
:default-sort-direction="desc"
....
>

【问题讨论】：

刚开始是什么意思？目前尚不清楚sort-by 的问题是什么

我的意思是表格应该在页面创建时排序，而不是用户可以排序的。

【参考方案1】：

只要您没有在field 项目上设置sortable: true，<b-table> 的默认行为就是用户无法对字段进行排序。

所以你应该使用sort-by 和sort-desc：

<b-table
  :sort-by="TheColumnToSort"
  :sort-desc="true"
>

【讨论】：

我假设TheColumnToSort 是一个变量。如果不是，请从 sort-by 中删除 : 绑定