Buttons on Grid columns stop working after adding or editing a grid row

[Jorge Raúl Alanís Núñez]

Hi,

I have a custom component inside a grid column, it works fine on the first load but when I add or edit a row from the grid after the data refresh my app-custom-button dies cause "someInput" it's undefined. My code looks somethig like this:

<ejs-grid [dataSource]="data$ | async">
     <e-columns>

          <e-column *ngFor="let column of columsProperties">

               <ng-template *ngIf="column.type === 'Custom' " let-rowData>

                    <app-custom-button [someInput]="colum.someAtributte">

                    </app-custom-button>

               </ng-template>

          </e-column>

     </e-columns>

</ejs-grid>

where data$ it's a Subject<DataStateChageEventArgs>

[Shalini Maragathavel]

Hi Jorge, 

Thanks for contacting Syncfusion support. 

Based on your query we suspect that the you are facing an issue while rendering button in the column template of Grid. So, we have prepared a sample and tried to reproduce the issue but we unable to reproduce the mentioned issue at our end.  

Please check below sample and video demo for your reference, 

Sample: https://stackblitz.com/edit/angular-udaqpk-zelvy2?file=app.component.ts 

Video demo: https://www.syncfusion.com/downloads/support/directtrac/general/ze/UNTITL~1-2108740136.zip

If you still face the issue please share the below details that will be helpful for us to a provide better solution. 

1)   Share your complete Grid rendering code.  

2)   If possible please replicate the problem with our above attached sample. 

3)   Please share your Syncfusion package version. 

Let us know if you have any concerns.

Regards,
Shalini M.