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.

1 Like
#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.

#5

Hello DHTMLX Team,

I am writing to follow up on a previous discussion regarding the ability to keep the first row of the Timeline view visible during vertical scroll.

In our last exchange in December 2025, it was mentioned that this feature is included in your product roadmap as part of upcoming improvements.
The custom workarounds previously suggested (using manual CSS/JS positioning) have been abandoned as they caused significant side effects and instability within our application.

Has a specific version or release date been assigned to this feature yet?
Is there a more stable workaround or a Beta version available for testing in the meantime?

Thank you for your assistance and for keeping us updated on these improvements.
Matthias