Hello,

Thank you for posting in our community!

I have been looking into your question and to ensure that it is addressed correctly, could you please clarify what you refer to with “empty template row”?

Do you mean the “Grid has no data” message and the “Add row” button?

/community/resized-image/__size/1018x629/__key/communityserver-discussions-components-files/1043/5684.igx_2D00_hgrid_2D00_empty.JPG

If this is the case, what I could suggest is using the emptyGridTemplate property.

<ng-template #rootGridAddRowTemplate>
    <p>Root Grid is empty! Add records.</p>
</ng-template>

<ng-template #childGridAddRowTemplate>
    <p>Child Grid is empty! Add records.</p>
</ng-template>

<igx-hierarchical-grid
    [data]="data"
    [autoGenerate]="false"
    [primaryKey]="'ID'"
    [rowEditable]="true"
    [emptyGridTemplate]="rootGridAddRowTemplate"
>
    <igx-column field="ID"></igx-column>

    <igx-row-island
        [height]="null"
        [key]="'Albums'"
        [autoGenerate]="false"
        [primaryKey]="'Album'"
        [rowEditable]="true"
        [emptyGridTemplate]="childGridAddRowTemplate"
    >
        <igx-column field="Album"></igx-column>
        ...
    </igx-row-island>
</igx-hierarchical-grid>

Please test this approach and let me know if you need any further assistance on the matter.

Additionally, if this is not an accurate demonstration of what you are trying to achieve, please feel free to provide any visual demonstration of the expected behavior in the form of screenshots, code snipepts, a working sample, etc.

Thank you for your cooperation. Looking forward to your reply.

Sincerely,
Riva Ivanova
Software Developer