在 bootstrap Vue 表中对行进行分组 [英] Having grouped rows in bootstrap Vue table

查看:41
本文介绍了在 bootstrap Vue 表中对行进行分组的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我试图找出一种在引导 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

如果用于自定义表,只需使用常规的 v-for 模板,就像 HTML 中通常的 Bootstrap

一样.或者制作可重用的自定义组件,例如 <my-grouped-table :slots="data">

If for custom-table, just use regular v-for templating like usual Bootstrap <table> in HTML. Or made your reusable custom component e.g <my-grouped-table :slots="data">

这篇关于在 bootstrap Vue 表中对行进行分组的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆