Vue.js 如何在引导Vue b表中使用rowspan？

代码沙盒：

我正在我的项目中使用引导Vue

我有一个问题，我需要一个像下图一样的表格布局

b-表格-简单布局

我可以用b-table-simple来实现，但是因为表需要排序功能，所以我想做同样的事情

b表中的表布局

---

我在这里储存了很长时间。我该怎么做呢？

我想您可以使用

插槽来实现此目的，并更改引导表的
CSS


newvue({
el:“应用程序”，
数据：函数（）{
返回{
字段：[{
标签：“姓名”，
键：“名称”，
},
{
标签：“东西”，
关键：“东西”，
},
],
项目：[{
身份证号码：1234，
姓名：“肯”，
材料：“A1”，
作品二：“A2”，
},
{
身份证号码：1235，
姓名：“约翰”，
材料：“B1”，
资料2：“B2”，
},
{
id:1236，
姓名：“梅里”，
材料：“C1”，
资料2：“C2”，
},
],
}
},
});
.customTable>tbody>tr>td:n个子项（2）{
填充：0；
}
.customTable>tbody>tr>td:n子项（2）>div{
显示器：flex；
证明内容：中心；
对齐项目：居中；
填充：0.750；
}
.customTable>tbody>tr>td:n子项（2）>div:n子项（1）{
边框底部：1px实心#dee2e6；
}

{{item.name}
{{item.id}
{{item.stuff}}
{{item.stuff2}
这太棒了！我已经尝试过很多次了，但b-table似乎无法使用rowspan进行此布局。你的答案是解决我问题的一个更好的简单方法。非常感谢。