我正在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")
)))
当我进入第三个选项卡,它将在一个月内显示甘特图时,我确实得到了一个奇怪的结果。甘特图的列不相等,这是结果
如您所见,问题出在第一个范围和最后一个范围。 当我打开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可以看出,列的生成过程是正确的,但是标题确实是不可读的。在这种情况下,是否有任何方法可以使标题更宽,以允许用户正确读取日期范围。