how to work with Bootstrap table?

Navigation
1

Look at the figure

HowdoIleavethedatenexttothewordDollar?

That'sthecode!

<divclass="row">
        12/12/2000
    </div>
        <div class="row">
          <table class="table">
            <tr>
                <td v-for="(moeda, key, index) in bancodedados.valores" :key="index">{{moeda.nome}}</td>
            </tr>
            <tr>
                <td v-for="(valor, key, index) in bancodedados.valores" :key="index">R$ {{valor.valor}}</td>
            </tr>
            <tr>

            </tr>
        </table>
    </div>

</div>

If I make this attempt the page breaks; 

<div class="row">
  <table class="table">
    <tr>
        <td rowspan="2">12/12/2000</td>
    </tr>
    <tr>
        <td v-for="(moeda, key, index) in bancodedados.valores" :key="index">{{moeda.nome}}</td>
    </tr>
    <tr>
        <td v-for="(valor, key, index) in bancodedados.valores" :key="index">R$ {{valor.valor}}</td>
    </tr>
    <tr>

    </tr>
</table>

    
asked by anonymous 20.03.2018 / 11:36

2 answers

1

You can create a column within the first row and use rowspan which will merge the first column in the first two rows: 

<div class="row">
  <table class="table">
    <tr>
        <td rowspan="2">12/12/2000</td>
        <td v-for="(moeda, key, index) in bancodedados.valores" :key="index">{{moeda.nome}}</td>
    </tr>
    <tr>
        <td v-for="(valor, key, index) in bancodedados.valores" :key="index">R$ {{valor.valor}}</td>
    </tr>
    <tr>

    </tr>
   </table>
</div>
    
20.03.2018 / 12:27
1

Try to do this as it should work. 

<div class="row">
<table class="table">
<tr>
    <td rowspan="2">12/12/2000</td>
    <td v-for="(moeda, key, index) in bancodedados.valores" :key="index">
{{moeda.nome}}</td>
</tr>
<tr>
    <td v-for="(valor, key, index) in bancodedados.valores" :key="index">R$ 
{{valor.valor}}</td>
</tr>
<tr>

</tr>
</table>
    
20.03.2018 / 12:26
Help in Jquery code type text alone Performance of EventBus in Vuejs