Having Grouped Rows In Bootstrap Vue 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. This is allowed in (https://xaksis.githu

Solution 1:

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 v-for templating like usual Bootstrap <table> in HTML. Or made your reusable custom component e.g <my-grouped-table :slots="data">