Getting sticky headers to work.

[inet]

Hey guys,

Using Angular 6 and Bryntum scheduler 2.0 I haven't had any luck getting the sticky headers for the scheduler to work.

I looked at the Angular 6 examples and noticed some CSS was being applied to the scheduler's div.

#schedulerApp {
  font-size      : 14px;
  flex           : 1;
  display        : flex;
  flex-direction : column;
}

So I copied that over.

The scheduler is inside an ng-template, but even taking it out of the ng-template I haven't had any luck with the headers.

  <div *ngIf="showSpinner;else dispatchScheduler">
    <app-loading-spinner></app-loading-spinner>
</div>
<ng-template #dispatchScheduler>
  <div id="schedulerApp">
    <scheduler
    #scheduler
    [rowHeight]=37
    [minHeight]=20
    [barMargin]=5
    [events]="events"
    [resources]="resources"
    [timeRanges]="timeRanges"
    [resourceTimeRanges]="resourceTimeRangesData"
    [startDate]="startDate"
    [createEventOnDblClick]=false
    [endDate]="endDate"
    [columns]="columns"
    [eventContextMenu]="eventContextMenu"
    [scheduleContextMenu]="scheduleContextMenu"
    [eventTooltip]="eventTooltip"
    [stripe]=true
    eventColor="green"
    eventStyle="border"
    [eventRenderer]="eventRenderer"
    [eventEdit]="eventEdit"
    [eventDragCreate]=false
    (onSchedulerEvents)="onSchedulerEvents($event)"
    ></scheduler>
</div>
</ng-template>

Is there anything else I'm missing?

Thanks ahead of time!
-Phil

[mats]

What do you mean by "sticky headers for the scheduler to work", please describe in more words + screenshots what's not working.

[inet]

Hey mats,

Thanks for replying. Sorry the original message wasn't clear.

I attached some screen shots. But basically the header on the scheduler that shows the time columns. On the demos that I've seen if you have a long list of Resources on the left and scroll down the schedulers headers will stick and follow at the top of the browser window. I attached a screen shot of one of the demos where the headers are sticky and a screen shot of my headers that aren't so sticky.

Let me know if that isn't clear and thanks for taking the time.
-Phil

[mats]

Looks like you have some CSS issues. If you post a zip with a runnable sample we can take a look and see what's up. What version you on?