如何在 Kendo Grid 中隐藏列组答案

【问题标题】：How to Hide Column Group in Kendo Grid如何在 Kendo Grid 中隐藏列组
【发布时间】：2017-04-26 13:50:15
【问题描述】：

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

任何帮助将不胜感激。

谢谢...

【问题讨论】：

您好，请查看网址：telerik.com/forums/…
也检查一下，telerik.com/forums/how-to-hide-grouping-column
我想要动态显示/隐藏列，我认为这不适用于动态情况。只需要隐藏几列。
为什么不只启用列菜单选项，然后用户就可以决定哪些列应该隐藏/可见？如果您隐藏列组中的所有列，则该组中的所有列都被隐藏，这将被隐藏。即使使用动态列，您仍然可以使它们出现在列菜单中。除非您有可以扩展的特定场景或提供应该/不应该发生的事情的“示例”
您要显示/隐藏哪个事件？

标签： kendo-grid

【解决方案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"));
        });
        
    }
});

【讨论】：