如何在 Kendo UI asp.net mvc Pivot 网格中隐藏总和列和行答案

【问题标题】：How to hide total sum column and row in Kendo UI asp.net mvc Pivot grid如何在 Kendo UI asp.net mvc Pivot 网格中隐藏总和列和行
【发布时间】：2019-12-28 01:45:52
【问题描述】：

在 Pivot 网格（Kendo UI asp.net MVC）中，我试图隐藏最后一列和最后一行但未能成功（即显示网格中默认的总字段的列和行）。我在谷歌上搜索，但没有得到正确答案。

谁能帮我做？

@(Html.Kendo().PivotGrid<xxx>()
    .Name("xxxx")
    .HtmlAttributes(new { @class = "hidden-on-narrow" })
    .Filterable(true)
    .Height(600)
    .DataCellTemplateId("dataCellTemplate")
    .ColumnHeaderTemplateId("headerTemplate")
    .RowHeaderTemplateId("rowHeaderTemplate")
    .Sortable()
    .DataSource(dataSource => dataSource
        .Ajax()
        .Transport(transport => transport.Read("xxx_Read", "xxx"))
        .Schema(schema => schema
            .Cube(cube => cube
                .Dimensions(dimensions =>
                {
                    dimensions.Add(model => model.SSName).Caption("SSName");
                    dimensions.Add(model => model.SVName).Caption("SVName");
                })
            )
        )
        .Columns(columns =>
        {
            columns.Add("SSName").Expand(true);
        })
        .Rows(rows => rows.Add("SVName").Expand(true))
    )
    Events(events =>
       events.DataBound("xxxx_dataBound");
       events.DataBinding("xxxx_dataBinding");
    )

【问题讨论】：

您好，通过查看文档，我发现在 2015 年，Kendo 无法实现此功能。但是，您可以使用 JavaScript 隐藏列和行。这可能会有所帮助：dojo.telerik.com/@ggkrustev/EmOXo

标签： asp.net-mvc kendo-asp.net-mvc kendo-ui-grid kendo-ui-mvc pivot-grid

【解决方案1】：

您可以使用此隐藏列

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

为了显示它

 grid.showColumn("SVName");

【讨论】：

@user1896999 欢迎您！如果对您有帮助，请将其标记为答案，以便其他人可以将其用作答案。

【解决方案2】：

将宽度改为0

this.columnsHeader.find("table colgroup col:last-child").css({ width: 0 });
this.content.find("table colgroup col:last-child").css({ width: 0 });
this.element.find(".k-grid-footer").hide();

【讨论】：