How to copy ion-grid table to excel

Dear ionic developers

I’m trying to copy a girded data to excel as a table instead of one line.

this is my code

<ion-grid>
    <ion-row *ngFor="let row of ['', '', '', '', '', '']; let i=index;">
        <ion-col col-3 *ngFor="let col of ['', '', '', '']; let j=index;" style="border:1px solid black;">
            TEST {{i}}.{{j}}
        </ion-col>
    </ion-row>
</ion-grid>

Results

I could fix problem by using normal html table

<div padding>
    <table width="100%">
      <tr *ngFor="let row of ['', '', '', '', '', '']; let i=index;">
        <td text-center *ngFor="let col of ['', '', '', '']; let j=index;" style="border:1px solid black;">
          TEST {{i}}.{{j}}
        </td>
      </tr>
    </table>
</div>