Ionic 2 - Tables

Question

I would like to create tables using ionic like in Bootstrap.

I would like my tables to look like THIS LINE examples .

So the function that I could not find in Ionic Docs was the “table header”. All the examples I find do not consider table headers.

In addition, is there a native way in Ionic that the row tables look like Bootstrap "Layout context table" and respond, for example, Adaptive table "Examples in this link ?

Answer 1

ionGrid , , . , , , <strong></strong> html-:

  <!-- Header -->
  <ion-row>
    <ion-col>
      <strong>Product</strong>
    </ion-col>
    <ion-col>
      <strong>Payment Date</strong>
    </ion-col>
    <ion-col>
      <strong>Status</strong>
    </ion-col>
  </ion-row>

, , Bootstrap " ", :

ion-row.active {
  background-color: #f5f5f5;
}

ion-row.success {
  background-color: #dff0d8;
}

ion-row.warning {
  background-color: #fcf8e3;
}

ion-row.error {
  background-color: #f2dede;
}

, , CSS, , , , , . , , , , , , .

---

UPDATE

Ionic 3.0.0, Grid component, . , grid.