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.