Kendo UI 详细信息网格隐藏列

Question

我需要一种在 Kendo 详细信息网格中动态 display/hide 列的方法。我目前有一个函数可以使用 .hideColumn("ColName") 函数隐藏 Kendo 网格的父部分的列。 示例：

var grid = $("#grid").data("kendoGrid");

grid.hideColumn("Column1");

有没有办法利用 .hideColumns 函数隐藏详细信息网格的列？

Answer 1

我明白了。通过在 detailInit 函数中将 ID 分配给网格，我可以引用子网格并使用 .hideColumn 函数。

初始化函数详细声明：

var detailGrid = $("<div id='detailGrid' />").appendTo(e.detailCell).kendoGrid({
...
});

函数：

var grid = $("#detailGrid").data("kendoGrid");    
grid.hideColumn("Column1");