kendo-grid - 如何在 Kendo Grid 中隐藏列组

Question

我想在我的剑道网格中隐藏一个列组，我的列组下面有五列，我想隐藏所有五列连同列组。

如有任何帮助，我们将不胜感激。

谢谢...

Answer 1

要隐藏分组的列，您应该使用网格的 ondatabound 事件并与所有分组的列交互，也就是使用类 .k-group-indicator 设置样式，并通过其数据字段隐藏列。

你可以看看这个可以用作概念证明。

http://jsfiddle.net/2gtWv/

$("#grid").kendoGrid({
    columns: [{
        field: "name"
    }, {
        field: "age"
    }],
    dataSource: ds,
    groupable: true,
    dataBound:function(o){
        var g = $("#grid").data("kendoGrid");
        for(var i=0;i<g.columns.length;i++){
            g.showColumn(i);
        }
        $("div.k-group-indicator").each(function(i,v){
            g.hideColumn($(v).data("field"));
        });
        
    }
});