title: GridLayout ngfor row column
body: <p>I'm new with Nativescript and I've a problem with ngFor. I've this GridLayout with inside a StackLayout with ngFor, the question how to set dynamic col and row inside the StackLayout?
  Thans.</p>
  
  <pre><code>&lt;GridLayout columns="*,*,*" rows="{{ totalRows }}" class="grid-book"&gt;
     &lt;StackLayout *ngFor="let plan of plans; let i = index" row="0" col="0" horizontalAlignment="stretch"&gt;
        &lt;StackLayout height="150" class="book"&gt;
           &lt;AbsoluteLayout height="150"&gt;
              &lt;StackLayout width="100%" left="0" top="0" height="100%" class="orange internal-book"&gt;&lt;/StackLayout&gt;
              &lt;Label text="" left="70" top="0" width="5" height="100%" backgroundColor="white"&gt;&lt;/Label&gt;
           &lt;/AbsoluteLayout&gt;
        &lt;/StackLayout&gt;
        &lt;Label text="{{ plan.name }}"&gt;&lt;/Label&gt;
     &lt;/StackLayout&gt;
  &lt;/GridLayout&gt;
  </code></pre>