Kendo has a nice inbuilt function calling which you can hide a particular column in a grid.
The basic syntax is
hideColumn(data-field_name) or hideColumn(column_number) [0-index]
But, sometimes, if you have previously set the column width of grid then this function may not work . Then you have to manually hide your column in grid. This is a very simple process involving two steps,
1) Hide the header (use jquery hide() or css(“display”, “none”)
2) Hide all the cells corresponding to that header.
Given below is a simple jQuery code snippet that can be used to meet the objective.
$("#GRID_ID").find("table th").eq(COLUMN_NO).hide(); $("#GRID_ID").children("div:eq(1)").find("table").find("tr").each(function () { $(this).children("td:eq(COLUMN_NO)").hide(); });
This will hide the column corresponds to the COLUMN_NO. You can also use css(“display”, “none”) if hide() doesn’t work.