在引导程序 Vue 表中对行进行分组答案

【问题标题】：Having grouped rows in bootstrap Vue table在引导程序 Vue 表中对行进行分组
【发布时间】：2020-06-09 14:51:06
【问题描述】：

我正在尝试找出一种在引导 Vue 表中使用 b-table 时对行进行分组的方法。通过分组，我的意思是这样的。

但在b-table 的情况下，我无法找到类似的功能。以前有人做过吗？是否可以？

【问题讨论】：

【解决方案1】：

我认为目前在他们当前的文档中还没有，因为 bootstrapVue 组件中的b-table 仅支持分页、过滤、排序、自定义渲染、各种样式选项、事件和异步数据。但带有有限的模板

如果用于自定义表格，只需使用常规的 v-for 模板，就像 HTML 中的 Bootstrap <table> 一样。或者制作可重用的自定义组件，例如 <my-grouped-table :slots="data">

【讨论】：

我明白了。咦，这个可以吗？ (stackoverflow.com/questions/62288939/…)
我只会在这里回答，而不是到处回答。对于 BootstrapVue 在b-table 中的 v-for，我认为还不可能，因为需要考虑一些复杂性。我将使用我自己定义的template 构建我自己的自定义组件，并使用这些手风琴折叠和分组。如果此线程被认为已回答，请标记为已回答，干杯 thx