Hide the Expand/Collapse column of a Detail Grid

[desi]

Since I've implemented master detail functionality from code behind, is it possible to hide the expand/collapse column added to Detail Grids?

[Dimiter Topalov]

Hello Desi,

You can hide the expand/collapse Grid column via overwriting the built-in Grid CSS, e.g.:

encapsulation: ViewEncapsulation.None,
    styles: [`
     .k-grid .k-hierarchy-cell {
      width: 0;
    }

    .k-grid .k-header.k-hierarchy-cell {
      border: none;
    }

    .k-grid .k-hierarchy-cell .k-icon {
      display: none;
    }

    .k-grid .k-hierarchy-col {
      width: 1px;
    }
    `]

https://stackblitz.com/edit/angular-ppkpnh?file=app%2Fapp.component.ts

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[desi]

Thank you ,