在 bootstrap Vue 表中对行进行分组 [英] Having grouped rows in bootstrap Vue table
问题描述
我试图找出一种在引导 Vue 表中使用 b-table
时对行进行分组的方法.通过分组,我的意思是这样的.
I am trying to figure out a way to have grouped rows while using b-table
in bootstrap Vue table.
By grouped, I mean something like this.
这在 (https://xaksis.github.io/vue-good-table/guide/advanced/grouped-table.html#customizing-header-row).
但是在 b-table
的情况下,我还没有找到类似的功能.有没有人做过?是否可以?
But I have not been able to find a similar functionality in case of b-table
. Has anyone done it before? Is it possible?
推荐答案
我认为在他们当前的文档中暂时不会,因为 bootstrapVue 组件中的 b-table
仅支持 分页、过滤、排序、自定义呈现、各种样式选项、事件和异步数据.但模板有限
I think not for now in their current documentations, as b-table
in bootstrapVue component only supports pagination, filtering, sorting, custom rendering, various style options, events, and asynchronous data. but with limited templating
如果用于自定义表,只需使用常规的 If for custom-table, just use regular 这篇关于在 bootstrap Vue 表中对行进行分组的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!v-for
模板,就像 HTML 中通常的 Bootstrap 一样.或者制作可重用的自定义组件,例如
<my-grouped-table :slots="data">
v-for
templating like usual Bootstrap <table>
in HTML. Or made your reusable custom component e.g <my-grouped-table :slots="data">
登录
关闭