Как скрыть кол в ионном 4

Question

Я пытаюсь написать код на Ionic для отзывчивого веб-приложения в браузере рабочего стола.Когда дело доходит до мобильного представления, у меня должно быть 4 столбца, и 2 столбца должны быть скрыты, и я не понимаю, как его кодировать, поэтому, пожалуйста, помогите мне ..

<ion-row class="b-1 mt-2">
    <ion-col size="1" class="center br-1" id="sno">
        <span class="left">S.No</span>
        <ion-icon class="float-right" name="arrow-dropdown">
        </ion-icon>
    </ion-col>
    <ion-col size="3" class="center br-1" id="name">
        <span>Name</span>
        <ion-icon name="arrow-dropdown" class="float-right">
        </ion-icon>
    </ion-col>
    <ion-col size="2" class="br-1" name="lastpurchasal">
        <span class="left">Last Purchasal</span>
        <ion-icon name="arrow-dropdown" class="float-right">
        </ion-icon>
    </ion-col>
    <ion-col size="2" class="br-1" id="phonenumber">
        <span>Phone Number</span>
        <ion-icon name="arrow-dropdown" class="float-right">
        </ion-icon>
    </ion-col>
    <ion-col size="2" class="center br-1" id="place">
        <span>Place</span>
        <ion-icon name="arrow-dropdown" class="float-right">
        </ion-icon>
    </ion-col>
    <ion-col size="2" class="center" id="amount">
        <span>Amount</span>
        <ion-icon name="arrow-dropdown" class="float-right">
        </ion-icon>
    </ion-col>
</ion-row>

скрыть столбец в мобильном представлении здесь, я хочускрыть поля "s.no" и "последняя покупка" col