Keep timeline first row visible during vertical scroll

Scheduler
#1

Hello!
I am using a timeline view with multiple rows. I want the first row to be fixed in its place and stay visible even during vertical scroll. Is there a way to do this?
How can I tell the timeline to render an element on the exact same place in every re-render?

#2

Hello,

There is no built-in way in the scheduler to “freeze” the first line. However, you can implement a custom solution. One of the options is to change the style of HTML elements of the “first line”:

.dhx_matrix_line // for the timeline 
.dhx_matrix_scell // for the grid

The code may look like this:

function lineFixer(){
  let firstMatrixLine = document.querySelector(".dhx_matrix_line"); // timeline
  let firstTableLine = document.querySelector(".dhx_matrix_scell"); // grid
  firstMatrixLine.style.position = "fixed";
  firstMatrixLine.style.zIndex = 5000;
  firstMatrixLine.style.top = 102;
  firstTableLine.style.position = "fixed";
  firstTableLine.style.zIndex = 5000;
  firstTableLine.style.top = 102;
  firstTableLine.style.background = "white";
}

Note, the additional styles will be removed after onClick, onCellClick, onBeforeDrag, onDragEnd, onAfterLightbox, onAfterSchedulerResize, onViewChange events fire, so you will have to apply these styles back after these events. You can see the result in the sample:
https://snippet.dhtmlx.com/2xpz4dim
In addition, as it is a “custom” solution some difficulties could occur in different timeline configurations, and this solution may need some fixes.

#3

Hello @ArtyomBorisevich , thank you for the response.
As this solution can result in behaviour change on the timeline, do you know if we can have a stable built in solution in future versions?

#4

Hello,

This feature is included in our product roadmap as part of upcoming improvements. Our development team is committed to implementing it based on user demand and prioritization. However, because of ongoing planning and resource allocation, we currently cannot provide any ETA. We appreciate your patience and encourage you to stay tuned for updates.