1

我有一个组件的模板。

我必须修复第一行和第一列。该应用程序是一个计划，我必须保持由房间组成的第一列和第一行是天数。

我不能只锁定位置，因为第一列可以垂直滚动，第一行可以水平滚动。

有什么帮助吗？

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

4

0 回答 0