在GanttChart Telerik中设置标题的最小宽度

时间:2018-12-24 12:46:27

标签: c# razor telerik gantt-chart

我正在MVC Razor(Asp.NET MVC项目)中使用Telerik Gantt视图

@(Html.Kendo().Gantt<TaskViewModel, DependencyViewModel>()
        .Name("Gantt")
        .Columns(columns =>
        {
            columns.Bound("title").Editable(true).Sortable(true);
            columns.Bound("start").Format("{0:MM/dd/yyyy HH:mm:ss}").Width(200).Editable(true).Sortable(true);
            columns.Bound("end").Format("{0:MM/dd/yyyy HH:mm:ss}").Width(200).Editable(true).Sortable(true);
        })
        .Views(views =>
        {
            views.DayView();
            views.WeekView(weekView => weekView.Selected(true));
            views.MonthView();
        })
        .Height(500)
        .ShowWorkHours(false)
        .ShowWorkDays(false)
        .Snap(false)
        .DataSource(ds => ds
            .Read(read => read.Action("Tasks", "Production").Data("onGantLoadData"))
        )
        .DependenciesDataSource(ds => ds
        .Read(read => read
            .Action("Dependencies", "Production")
        )))

当我进入第三个选项卡,它将在一个月内显示甘特图时,我确实得到了一个奇怪的结果。甘特图的列不相等,这是结果

enter image description here

如您所见,问题出在第一个范围和最后一个范围。 当我打开html进行调查时,我看到此html已生成。

<tr>
    <th colspan="2" class="k-header">Sat 12/01 - Sun 12/02</th>
    <th colspan="7" class="k-header">Mon 12/03 - Sun 12/09</th>
    <th colspan="7" class="k-header">Mon 12/10 - Sun 12/16</th>
    <th colspan="7" class="k-header">Mon 12/17 - Sun 12/23</th>
    <th colspan="7" class="k-header">Mon 12/24 - Sun 12/30</th>
    <th colspan="1" class="k-header">Mon 12/31 - Sun 12/31</th>
</tr>

我认为从HTML可以看出,列的生成过程是正确的,但是标题确实是不可读的。在这种情况下,是否有任何方法可以使标题更宽,以允许用户正确读取日期范围。

0 个答案:

没有答案