How to show label corresponding value in order?

Ionic Framework ionic-v3
1

Dear Friends,

I need to show values in order of
Label : Value
Label1: Value1

etc…

You can see a sample model i prefer like this

Detailshowtoshow

Please any body advise a sample html file in ionic for this…

Thanks

Anes

2

You can use ion-grid
like this

<ion-grid>
	<ion-row>
		<ion-col>
		1 of 2
		</ion-col>
		<ion-col>
		2 of 2
		</ion-col>
	</ion-row>
</ion-grid>

or

also you can use table

<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
  </tr>
  <tr>
    <td>Ernst Handel</td>
    <td>Roland Mendel</td>
  </tr>
  <tr>
    <td>Island Trading</td>
    <td>Helen Bennett</td>
  </tr>
  <tr>
    <td>Laughing Bacchus Winecellars</td>
    <td>Yoshi Tannamuri</td>
  </tr>
  <tr>
    <td>Magazzini Alimentari Riuniti</td>
    <td>Giovanni Rovelli</td>
  </tr>
</table>

Good Luck
I hope your problem will be fixed
Thank you.

1 Like
3 
<ion-grid>
  <ion-row id="data1">
    <ion-col col-6 id="data1description">
      <p>Label:</p>
    </ion-col>
    <ion-col col-6 id="data1value">
      <p>Value</p>
    </ion-col>
  </ion-row>
  <ion-row id="data2">
    <ion-col col-6 id="data2description">
      <p>Label:</p>
    </ion-col>
    <ion-col col-6 id="data2value">
      <p>Value</p>
    </ion-col>
  </ion-row>
  .......
</ion-grid>
1 Like