如何在 Kendo Grid 中隐藏列组

Posted 2023-05-07

【中文标题】如何在 Kendo Grid 中隐藏列组

【英文标题】：How to Hide Column Group in Kendo Grid

【发布时间】：2017-04-26 13:50:15

【问题描述】：

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

任何帮助将不胜感激。

谢谢...

【问题讨论】：

您好，请查看网址：telerik.com/forums/…

也检查一下，telerik.com/forums/how-to-hide-grouping-column

我想要动态显示/隐藏列，我认为这不适用于动态情况。只需要隐藏几列。

为什么不只启用列菜单选项，然后用户就可以决定哪些列应该隐藏/可见？如果您隐藏列组中的所有列，则该组中的所有列都被隐藏，这将被隐藏。即使使用动态列，您仍然可以使它们出现在列菜单中。除非您有可以扩展的特定场景或提供应该/不应该发生的事情的“示例”

您要显示/隐藏哪个事件？

【参考方案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"));
        );
        
    
);