I have a kendo grid using the MVC Extensions. I have set the grid to Sortable and the columns i don't want sorting on to false. However, once rendered to the page all columns headers are still clickable but only the ones marked sortable get the 'hand' icon. For instance, i have a 'select all column' and a 'group list' column that i don't want sorted.
Any help would be great. I am going to try the same on jsfiddle (using the js version) to see if i can reproduce.
@(Html.Kendo().Grid<
MyViewModel
>()
.Name("my-list")
.HtmlAttributes(new { @class = "grid" })
.DataSource(d =>
{
var dsStep = d.Ajax();
dsStep.Read(read => read.Action("_Index", "Matter"))
.PageSize(Model.InitialPageSize);
})
.Columns(columns =>
{
columns.Bound(p => p.Selected).Sortable(false).ClientTemplate(
"<
input
type
=
'hidden'
name
=
'list.Index'
value
=
'#=ID#'
/>" +
"<
input
type
=
'checkbox'
id
=
'list_#=ID#__Selected'
name
=
'list[#=ID#].Selected'
value
=
'true'
/>").Width(50);
columns.Bound(p => p.Name).Template(t =>
{
Html.ActionLink(t.Name, "Index", "Detail", new { id = t.ID });
})
.ClientTemplate("<
a
href
=
'" + @Url.Content("~/Detail/Index") + "/#=ID#'
>#=Name#</
a
>");
columns.Bound(p => p.Number).Width(50);
columns.Bound(p => p.Clients).Sortable(false);
columns.Bound(p => p.Area.Name).Width(100);
columns.Bound(p => p.Staff).Sortable(false);
columns.Bound(p => p.DateOpenedFormatted).Sortable(true);;
})
.Resizable(r => r.Columns(true))
.Events(events => events.DataBound("wow"))
.Pageable()
.Sortable(sort => sort.SortMode(GridSortMode.SingleColumn))
.Selectable(a => a.Mode(GridSelectionMode.Multiple).Type(GridSelectionType.Row))
)
Any help would be great. I am going to try the same on jsfiddle (using the js version) to see if i can reproduce.