Ионная ионная спираль с фиксированными элементами

Question

У меня есть этот шаблон для компонента.

Я должен исправить первый ряд и первый столбец. Приложение является планированием, и мне нужно сохранить первый столбец, который состоит из комнат и первого ряда, в котором указаны дни.

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

Любая помощь?

<ion-scroll #calendar id="calendar" scrollX="true" scrollY="true" class="item" (ionScroll)="scrollHandler($event)">
<div class="calendarComponent">
    <ion-row class="calendarDaysRow" nowrap>
        <ion-col class = "day" *ngFor="let day of calendarDays">
            {{day.toDateString().split(" ")[0] + " " + day.toDateString().split(" ")[1] + " " + day.toDateString().split(" ")[2]}}
        </ion-col>
    </ion-row>

    <ion-row  class="calendarRow" *ngFor="let room of roomsList" nowrap>
        <ion-col class="room">{{room.getName()}}</ion-col>
        <ion-col class="dayInfo" *ngFor="let day of calendarDays" >
            <calendarPageComponentElement [room]="room" [day]="day" [reservations]="getRoomDayReservation(day,room)"></calendarPageComponentElement>
        </ion-col>
    </ion-row>
</div>