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

Question

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

我尝试了以下方法，但没有用。

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

Answer 1

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

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

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

Sort a <b-table> in Bootstrap-Vue by a column and disallow user sort