Hello,
You can try the solutions provided in this StackOverflow thread:
http://stackoverflow.com/questions/26112233/how-can-i-hide-columns-in-a-kendo-ui-grid, i.e.
// Hiding during grid definition
// Using the JavaScript implementation you can add hidden: true:
$(
"#gridName"
).kendoGrid({
columns: [
{ hidden:
true
, field:
"id"
},
{ field:
"name"
}
],
dataSource: [ { id: 1, name:
"Jane Doe"
}, { id: 2, name:
"John Doe"
} ]
});
// Or, with Kendo MVC you can use Hidden():
@(Html.Kendo().Grid<Something>()
.Name(
"GridName"
)
.Columns(columns =>
{
columns.Bound(m => m.Id).Hidden()
columns.Bound(m => m.Name)
})
)
//Hide a column by css selector
$(
"#gridName"
).find(
"table th"
).eq(1).hide();
// Hide a column by column index - http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-hideColumn
var
grid = $(
"#gridName"
).data(
"kendoGrid"
);
grid.hideColumn(1);
// Hide a column by column name
var
grid = $(
"#gridName"
).data(
"kendoGrid"
);
grid.hideColumn(
"Name"
);
// Hide a column by column object reference
var
grid = $(
"#gridName"
).data(
"kendoGrid"
);
grid.hideColumn(grid.columns[0].columns[1]);
Regards,
Rumen
Telerik by Progress
Telerik UI for ASP.NET MVC is ready for
Visual Studio 2017 RC! Learn more.