Hello,

I have an igx grid with Grid State Persistence implemented. Within a column I have two ng templates (#editCountryTemplate and #editCountryTemplateEdit). Is it possible to set the two bodyTemplates on the same column and still to use the Grid State Persistence?

Here is my igx column:

    <igx-column width="350px" field="country" dataType="string" header="Country [resizable]="true" [editable]="true" [sortable]="true" [movable]="true" [cellClasses]="greenRowClass">

      <ng-template #editCountryTemplate igxCellEditor let-cell="cell" let-val>
        <div class="countryDropDownClass">
          <div [ngClass]="[cell.row.deleted?'upfont' : 'drop-down-grid']">

            <igx-select #selectCountry
                        placeholder="Select country"
                        [overlaySettings]="overlaySettings"
                        [ngClass]="[cell.row.deleted?'upfont' : 'drop-down-grid']"
                        (selectionChanging)='handleCellCountrySelection($event, cell.id.rowID,cell.column.field, cell.value)'>
              <igx-select-item style="font-size: 12px;" *ngFor="let item of countryArray" [value]="item">
                {{ item }}
              </igx-select-item>
            </igx-select>

          </div>
        </div>
      </ng-template>

      <ng-template #editCountryTemplateEdit igxCell let-cell="cell">
        <div [ngClass]="[cell.row.deleted?'upfont' : 'text-cell']">{{cell.value}}</div>
        <button class="action-button"
                [ngClass]="[cell.row.deleted?'grey-button-deleted-row' : 'black-button-edit-cell']"
                igxButton="icon"
                [disabled]="cell.row.deleted"
                (click)="editCountryEditDropDown(cell.id.rowID,cell.column.field, cell.value)">
          <igx-icon class="action-icon">edit</igx-icon>
        </button>
      </ng-template>

    </igx-column>

This is the declaration of my ng-templates for the column field "country":

  @ViewChild('editCountryTemplate', { static: true })
  public editCountryTemplate!: TemplateRef<any>;
  @ViewChild('editCountryTemplateEdit', { static: true })
  public editCountryTemplateEdit!: TemplateRef<any>;

In the onColumnInit() I am trying to assign the ng-templates for the column above:

  public onColumnInit(column: IgxColumnComponent) {
    if (column.field === "country") {
      column.bodyTemplate = this.editCountryTemplate;
      column.bodyTemplate = this.editCountryTemplateEdit;
      column.filters = IgxNumberFilteringOperand.instance();
    }
  }