如何在ionic2中在网格中动态添加列？

我希望网格列在ionic2中动态显示，我已经在.html文件中编写了以下代码

    <ion-content padding>
  <ion-grid>
    <ion-row text-center>
      <ion-col *ngFor="let name of grid;" 
                  [value]="grid">{{name.grid}}</ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

---

但它不起作用，该怎么办呢？

我用了这是我的代码，希望能有所帮助

 <ion-row >
      <ion-col col-1 class="heading">
        <div> S/N</div>
      </ion-col>
      <ion-col col-4 class="heading">
        <div>Description</div>
      </ion-col>
        <ion-col col-1 class="heading">
        <div>QTY</div>
      </ion-col>
        <ion-col col-3 class="heading">
        <div>Unit Price (NGN)</div>
      </ion-col>
      <ion-col col-3 class="heading">
        <div>Value (NGN)</div>
      </ion-col>
</ion-row>


 <ion-row *ngFor="let item of items">
      <ion-col col-1 >
        <div> {{item.id}} </div>
      </ion-col>
      <ion-col col-4 >
        <div>{{item.description}}</div>
      </ion-col>
        <ion-col col-1 class="qty" >
        <div>{{item.qty}}</div>
      </ion-col>
     <ion-col col-3  class="value">
        <div>{{item.unit_price}}</div>
      </ion-col>
      <ion-col col-3   class="value">
        <div>{{item.amount}}</div>
      </ion-col>
</ion-row>

序列号
描述
数量
单价（NGN）
值（NGN）
{{item.id}
{{item.description}
{{item.qty}
{{项目.单价}
{{item.amount}}

---

您应该在模板中使用ngFor的数组变量，如下所示：grid=['CSE'，'I.T']它对我不起作用。您能提供一些帮助吗？一般来说，只有代码的答案是没有建设性的。您还应该解释它是如何解决OPs问题的。

 <ion-row >
      <ion-col col-1 class="heading">
        <div> S/N</div>
      </ion-col>
      <ion-col col-4 class="heading">
        <div>Description</div>
      </ion-col>
        <ion-col col-1 class="heading">
        <div>QTY</div>
      </ion-col>
        <ion-col col-3 class="heading">
        <div>Unit Price (NGN)</div>
      </ion-col>
      <ion-col col-3 class="heading">
        <div>Value (NGN)</div>
      </ion-col>
</ion-row>


 <ion-row *ngFor="let item of items">
      <ion-col col-1 >
        <div> {{item.id}} </div>
      </ion-col>
      <ion-col col-4 >
        <div>{{item.description}}</div>
      </ion-col>
        <ion-col col-1 class="qty" >
        <div>{{item.qty}}</div>
      </ion-col>
     <ion-col col-3  class="value">
        <div>{{item.unit_price}}</div>
      </ion-col>
      <ion-col col-3   class="value">
        <div>{{item.amount}}</div>
      </ion-col>
</ion-row>