Css 离子3研磨与项目滑动

我想知道如何使用网格上的滑动项。我尝试使用滑动项，它甚至可以与

滑动

，而且它不再尊重列；一切都搞混了

没有滑动项：

使用滑动项：

用户名
电子邮件
登记在
一边
{{dado.username}
testeemail@teste.comsdaasdasdsaddsadasdd
{{dado.created_at}}
中心

我不知道你真正的问题是什么。你在问如何在Ionic中实现滑动元素？你读过文档了吗？是的，伙计，它工作正常，但是列不工作，它们被“洗牌”，请看图片

 <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>