2

I am doing a project with using vuejs2 and bootstrap vue. I was asked to do the ui like this (just an idea of the ui):
enter image description here

Explanation of the part I stuck, I want to achieve a ui that have a header with column span 2 (like red part) and put 2 data under that header (like yellow part)

From the document of bootstrap vue, I know that I can hardcode the layout, but as I have to connect to the api, I wish to use (and have to use) the :item and :fields to do. Just like this:

<b-table
  bordered
  responsive
  class="mt-2"
  :fields="tableFields"
  :items="tableData"
>
  <!--
    how can I do the ui in here
  -->
</b-table>

I would like to ask how could I achieve the ui with b-table

Improve this question
Related questions
1
How to pin the top header row showing column names in this bootstrap-vue table?
10
Bootstrap-vue b-table with filter in header
9
Bootstrap-vue b-table: How to set an css-Class for inactive rows?
Load 6 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.