How can I update my column template?

[Lam Pham]

Dear supporters!

I customized my column header with a checkbox and it appeared. And when i clicked the checkbox, my function checkboxUpdate() called and change the variable, but the checkbox doesn't update UI even grid.refreshHeaders() be called inside checkboxUpdate().

                    <div hidden id="opHeaderTemplate">

                        <mat-checkbox  #checkbox

                            (change)="setAllOPValue()"

                            [checked]="isAllYes" >

                        </mat-checkbox>

                        O&P Y/N

                    </div>

<e-column #opHeaderColumn

          field='OP'

          width='10%'

          textAlign='Center'

          headerTemplate="#opHeaderTemplate">

</e-column>

public setAllOPValue() {

    this.isAllYes = !this.isAllYes;

    this.grid.refreshHeader();

  }

[Thavasianand Sankaranarayanan]

Hi Lam, 

 

Greetings from Syncfusion support. 

Before we start providing solution on your query, Please share the below details that will be helpful for us to provide better solution. 

1. You want to keep the checkbox always in checked state?
2. In the checkbox change event you have modified the checked state again, which is already that checkbox state.
3. Please share your exact requirement scenario about what you like to handle in change event.

Regards, 

Thavasianand S.