Я использую представление Telerik Gantt в MVC Razor (проект Asp.NET MVC), например,
@(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, но заголовок действительно нечитаем,Есть ли способ сделать заголовок в этом случае шире, чтобы позволить пользователю правильно прочитать диапазон дат.