如何在Kendo Grid中隐藏列组

Question

我想在我的kendo网格中隐藏一个列组，我的列组下面有五列，我想隐藏所有五列以及列组。

任何帮助都将不胜感激。

...谢谢

Answer 1

要隐藏按组分组的列，应使用事件在网格的数据绑定上进行，并在也使用.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"));
        });
        
    }
});