title: Angular *ngFor create table with group item?
body: <p>This is my data:</p>
  
  <pre><code>[{
      "id": 1,
      "name": "item 1",
      "group": "Group A"
  }, {
      "id": 2,
      "name": "item 2",
      "group": "Group A"
  }, {
      "id": 3,
      "name": "item 3",
      "group": "Group B"
  }, {
      "id": 4,
      "name": "item 4",
      "group": "Group B"
  }, {
      "id": 5,
      "name": "item 5",
      "group": "Group B"
  }, {
      "id": 6,
      "name": "item 6",
      "group": "Group C"
  }]
  </code></pre>
  
  <p>And I want to create table like this:</p>
  
  <pre><code>|======================|
  |ID     |NAME          |
  |======================|
  |Group A               |
  |----------------------|
  |1      |item 1        |
  |2      |item 2        |
  |======================|
  |Group B               |
  |----------------------|
  |3      |item 3        |
  |4      |item 4        |
  |5      |item 5        |
  |======================|
  |Group C               |
  |----------------------|
  |6      |item 6        |
  ========================
  </code></pre>
  
  <p>I tried create variable to store "group" in each loop but not work and
  I can group at server side before return data, I still want do it at client, so how to do that ?</p>