title: using *ngFor with grid CSS effectively
body: <p>I would like to generate a grid based on unknown rows. The grid is simple with only two columns. One column containing row labels and the other some UI element such as a checkbox. </p>
  
  <p>The only way I've been able to make this work is by generating a new grid with each loop through (see example below). I would like to accomplish this with a single ngFor and a single Grid. </p>
  
  <p>Clarification, each label must be on the same row as their respective checkbox.  </p>
  
  <p>example :</p>
  
  <pre><code>    &lt;div *ngFor="let row of rows"&gt;
        &lt;div class="popup-grid"&gt;
          &lt;div&gt;
            {{row.label}}
          &lt;/div&gt;
          &lt;div&gt;
            &lt;p-checkbox  "angular interactions/events here"&gt;
            &lt;/p-checkbox&gt;
          &lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>