tree-grid-cell-merge-custom-sample.component.html

<div class="grid__wrapper">
    <igx-tree-grid #treeGrid [igxPreventDocumentScroll]="true" [data]="data" width="100%" height="800px"
        [sortingExpressions]="sortExpr" [autoGenerate]="false" primaryKey="ID" foreignKey="ParentID"
        [cellMergeMode]="cellMergeMode" [mergeStrategy]="mergeStrategy">
        <igx-column [field]="'Name'" dataType="string" width="250px" [editable]="true"></igx-column>
        <igx-column [field]="'Title'" dataType="string" width="250px" [merge]="true" [editable]="true" [sortable]="true"></igx-column>
        <igx-column [field]="'HireDate'" dataType="date" width="200px"></igx-column>
        <igx-column [field]="'Country'" dataType="string" width="200px" [merge]="true" [editable]="true" [sortable]="true"></igx-column>
        <igx-column [field]="'City'" dataType="string" width="200px" [merge]="true" [editable]="true" [sortable]="true"></igx-column>
        <igx-column [field]="'Age'" dataType="number" width="200px" [editable]="true"></igx-column>
        <igx-column [field]="'Address'" dataType="string" width="200px" [editable]="true"></igx-column>
        <igx-column [field]="'Fax'" dataType="string" width="200px"></igx-column>
        <igx-column [field]="'PostalCode'" dataType="string" width="200px"></igx-column>
        <igx-column [field]="'Phone'" dataType="string" width="200px"></igx-column>

    </igx-tree-grid>
</div>