Vuejs2 如何隐藏引导vue表标题行

bootstrap vue

默认情况下将为我的数据创建标题行。

---

有没有办法隐藏

的标题行，以便只呈现数据项？

文档中似乎没有任何东西可以完全隐藏该行，但您可以使用CSS来隐藏它：

table > thead {
    display:none !important;
}

这个！重要标志是覆盖默认设置。

从文档中，有一个选项可以设置标题的类（即生成的

），其中

将AD类设置为
元素，或设置为标题行（即
下的
元素）将AD tr类设置为
。
只需注意，
的范围是有限的，这将不起作用。
下面是一个基于此思想的简单组件


导出默认值{
名称：“我的桌子”，
道具：{
项目：{
类型：数组，
必填项：true
}
}
}
.hidden_头{
显示：无；
}
在字段对象中为每列添加样式

fields: [{
  key: 'key_here',
  label: 'Column Name',
  thStyle: {
     display: 'none'
  }
]

您只需使用“bootstrap magic”并添加
thead class=“d-none”
即可隐藏标题行：


谢谢！然而，我正在寻找一个更“vueish”的解决方案。我可以补充一点，即不使用自定义类
。hidden_header
，您可以更轻松地使用引导默认值
d-none
，这将隐藏它。thx范围化的提示对我帮助很大。现在我想问一下，为什么这是一个范围，防止它？如果没有其他父组件正在设置某个属性，并且该属性只在该组件中处理，那么为什么作用域不起作用？谢谢