Question

我有一个网格，我正在将日期列上的数据分组如下：

            .Group(g => g.Add(c => c.EmployeeId)).Group(g => g.Add(c => c.CheckInTime.Day))

它工作正常，但问题是标题是CheckInTime.Day。我的问题是如何更改此标题？

由于

Answer 1

如果您的列字段与组字段匹配，则可以将绑定字段Title设置为您要显示的内容。但是，我不认为您可以为列和组标题添加不同的标题。

columns.Bound(c => c.CheckInTime.Day).Width(100).Title("This will in column header and group header");

如果您没有与组字段匹配的绑定列，那么您可能可以使用以下内容：

columns.Bound(c => c.CheckInTime.Day).Title("Group Title")
        .HtmlAttributes(new { style = "visibility:hidden;" })
        .HeaderHtmlAttributes(new { style = "visibility:hidden;" })
        .ClientGroupFooterTemplate(new { style = "visibility:hidden;" })
        .FooterHtmlAttributes(new { style = "visibility:hidden;" })

但是，使用上述hack会在第一列上添加ui不一致。有一种更优雅的方法可以让没有绑定列的组字段使用js显示不同的标题，但尚未找到它。

更改kendo mvc grid中的组列标题

1 个答案: