Javascript DHTMLX调度程序时间线视图-带有较长文本的标签don';t以树模式显示

Javascript DHTMLX调度程序时间线视图-带有较长文本的标签don';t以树模式显示,javascript,timeline,dhtmlx-scheduler,Javascript,Timeline,Dhtmlx Scheduler,我有一个问题,我一时找不到答案 这是关于DHTMLX调度器在树模式下的时间线视图。问题是,文本长度超过树中文件夹元素可用空间的标签(这些元素有子元素)将消失,它们不会显示在时间轴视图的第一列中。我不明白为什么会这样。调度器上是否有某种设置,我没有。需要注意的是,调度程序的样式必须与dhtmlxscheduler_material.css文件或换句话说,material design一起使用。 我还提供了一个模拟问题的代码示例。 此行为可以通过以下样式修复: .dhx_scell_exp

我有一个问题,我一时找不到答案

这是关于DHTMLX调度器在树模式下的时间线视图。问题是,文本长度超过树中文件夹元素可用空间的标签(这些元素有子元素)将消失,它们不会显示在时间轴视图的第一列中。我不明白为什么会这样。调度器上是否有某种设置,我没有。需要注意的是,调度程序的样式必须与dhtmlxscheduler_material.css文件或换句话说,material design一起使用。

我还提供了一个模拟问题的代码示例。

此行为可以通过以下样式修复:

    .dhx_scell_expand{
      position:absolute!important;
    }
同样在材质蒙皮中,它还需要一些额外的样式,以使其看起来更好,这可能类似于以下片段:

    .dhx_scell_expand{
      position:absolute!important;
    }
    .dhx_scell_name{ 
      margin-left: 26px;
      text-align: left !important;         
    }

当然,您可以尝试使用它,使其适合您的项目

此外,如果截面名称较长,可以通过“dx”参数更改截面名称列的默认宽度:


scheduler.createTimelineView({
...
    dx: 300, //200 by default
...
});
下面是一个带有附加样式和“名称大小调整”部分的示例:

此外,您还可以使用

标记分隔节名,通过“folder\u dy”属性更改节的高度,并通过CSS(行高/边距)对齐多行文字,如以下示例所示:

这是一个很好的开始,但在长标签中手动插入换行符似乎非常麻烦。必须有一个纯css解决方案。