Ionic 3 молоть с предметом скольжения

Question

Я хотел бы знать, как использовать скользящие элементы на сетке.Я попытался использовать скользящий элемент, он даже работает с sliding, плюс он больше не учитывает столбцы;все смешалось.

Без предмета скольжения:

С предметом скольжения:

 <ion-item>
            <ion-grid>
    <ion-row  no-padding style="border: 1px solid grey;margin-left: 5px;margin-right: 5px;">
        <ion-col  col col-3 style="background-color: #ebf0f4;font-size: 8px;">
            USERNAME
        </ion-col>
        <ion-col   col col-3 style="background-color: #ebf0f4;font-size: 8px;">
            E-MAIL
        </ion-col>
        <ion-col  col col-3 style="background-color: #ebf0f4;font-size: 8px;">
            REGISTER AT
        </ion-col>
        <ion-col  col col-3 style="background-color: #ebf0f4;font-size: 8px;">
            SIDE
        </ion-col>

    </ion-row>
        <ion-row  *ngFor="let dado of data" no-padding style="border: 1px solid grey;margin-left: 5px;margin-right: 5px;">
            <ion-col col col-3    style="background-color: #ebf0f4;font-size: 8px;">
                {{dado.username}}
            </ion-col>
            <ion-col col col-3    style="background-color: #ebf0f4;font-size: 8px;">
                testeemail@teste.comsdaasdasdsaddsadasdd
            </ion-col>
            <ion-col  col col-3  style="background-color: #ebf0f4;font-size: 8px;">
                {{dado.created_at}}
            </ion-col>
            <ion-col  col col-3  style="background-color: #ebf0f4;font-size: 8px;">
                <div   *ngIf="dado.side_network == null ">
                    centter
                </div>
            </ion-col>
        </ion-row>
    </ion-grid>
</ion-item>