Displaying Columns when using rendering in tree mode



How do you render additional columns when placing the scheduler in tree mode?


Using version 6.0.0 of Scheduler with the dhtmlxscheduler_material.css

I am using createTimelineView to add columns to the left side of the scheduler as in this example

Timeline Sidebar columns (dhtmlx.com)

When rendered in TREE, the column data is there, it is being rendered on top of one another. There appears to be a missing element from the layout.

What I have tried:

  1. Changing to another style / css, with same effect.
  2. Rendered in bar and cell mode and it worked.
  3. I can place everything in one column with the template function, but this breaks future plans for columns, sorting, etc.

Any thoughts?


Thank you for your notice of incorrect rendering columns for the left-hand panel in the tree timeline view. I’ve submitted it to our internal bug tracker. The dev team will fix it in the future, but I cannot give you any ETA.
As a workaround, you can apply CSS rules to certain classes of the scheduler. To display columns correctly, you can use display and padding-left rules to .dhx_scell_name class:

.dhx_scell_name {
	padding-left: 0 !important;
	display: flex;

To remove column offset, you can add these styles:

.dhx_scell_expand {
	display: none

.dhx_matrix_scell .dhx_scell_level1 {
	padding-left: 5px !important;

Please check the following snippet:


Thank you, and I received your email that this was corrected in 6.0.1.

Much appreciated.