How to create header in wj-flex-grid-column as a link

How to create header in wj-flex-grid-column as a link

Posted by: kunchakuripriyanka9 on 5 November 2019, 6:48 am EST

• 

  kunchakuripriyanka9

  • Post Options:
  • Link
    Copy

  Posted 5 November 2019, 6:48 am EST

  i want the header in wj-flex-grid-column when clicked should navigate to that link. how can i make the header as link

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 5 November 2019, 11:41 pm EST

  Hi,

  You may use the wjFlexGridCellTemplate directive to create a link on the column headers:

  <wj-flex-grid-column header="Country" binding="country">
      <ng-template wjFlexGridCellTemplate [cellType]="'ColumnHeader'" let-cell="cell">
        <a target="_blank" href="https://www.grapecity.com">{{cell.col.header}}</a>
      </ng-template>
    </wj-flex-grid-column>
  

  You may refer to the sample below:

  https://stackblitz.com/edit/angular-dlqb2k

  Regards,
  
  Ashwin