Hide column of a details grid

[Cornel]

Hi,

I have a grid with a details template. I want to hide a column in the details template based on the value of a column from the main grid. Is this possible?

Thanks,

Cornel.

[Stefan]

Hello, Cornel,

The desired result could be achieved on the dataBound event of the child Grid. It will require selecting the master row of the Parent Grid and find its dataItem. Then based on the dataItem values, the hideColumn method can be used on the child Grid to hide the desired column:

.Events(events => events.DataBound("onDataBoundChildGrid"))

function onDataBoundChildGrid(e) {
    var grid = this;
    var parentGrid = $('#grid').data('kendoGrid')
    // the master row for this detail
    var masterRow = grid.wrapper.closest("tr").prev();
   // find the dataItem
    var dataItem = parentGrid.dataItem(masterRow)
    // perform custom action
    if (dataItem.City === "Seattle") {
        grid.hideColumn(0);
    }
}

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-dataBound

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-dataItem

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-hideColumn

I hope this is helpful.

Regards,
Stefan
Progress Telerik