vue.js - 禁用 Vue Bootstrap 表头重命名

Question

我使用以下代码在 vue-bootstrap 上使用 b-table：

b-table :fields="queryResult.columns" :items="queryResult.rows"

字段是这样的：id、column_name、column_hide

但是，它会自动生成“已翻译”的标题名称，column_name 到 Column Name。

有没有办法在该表头上禁用“自动重命名”？

Answer 1

根据文件label，可以在fields道具上设置一个属性

出现在列表格标题中（如果设置了脚克隆，则显示在页脚中）。如果未提供，则默认为字段的键（人性化格式）。可以通过分配一个空字符串 "" 来使用空标签，但请确保您还设置了 headerTitle 以向无视力的用户提供有关列内容的提示。