We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How can I update my column template?

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();
  }

1 Reply

TS Thavasianand Sankaranarayanan Syncfusion Team September 27, 2019 02:44 AM

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. 


Loader.
Live Chat Icon For mobile
Up arrow icon