How can I hide a column on a Kendo grid based on an input parameter?

Question

I want to hide this column from a Kendo grid when the set the reportType input parameter to NTR. How can I do that?

{
    field: "SrNo",
    title: "Grounds of Suspicion",
    template: ({ SrNo }) => `<a style='color: blue !important; cursor: pointer;width:100%' data-ng-click=\"$parent.displayDetails('${SrNo}\')\">details</a>`,
    width: 100 
},

Dmytro Danylov · Accepted Answer · 2025-04-28 17:43:59Z

0

You can try to use 'hidden' for your gridConfig

$scope.gridOptions = {
    dataSource: myDataSource,
    columns: [
        { field: "Name", title: "Name" },
        { field: "Age", title: "Age" },
        {
            field: "SrNo",
            title: "Grounds of Suspicion",
            template: function(dataItem) {
                return '<a style="color: blue; cursor: pointer; width: 100%" ng-click="displayDetails(\'' + dataItem.SrNo + '\')">details</a>';
            },
            width: 100,
            hidden: ($scope.reportType === 'NTR')
        }
    ]
};

answered Apr 28 at 17:43

Dmytro Danylov

1491 gold badge1 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I hide a column on a Kendo grid based on an input parameter?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related