Custom icon in header

Custom icon in header

Posted by: bhagwati.pal on 23 February 2023, 4:52 am EST

• 

  bhagwati.pal

  • Post Options:
  • Link
    Copy

  Posted 23 February 2023, 4:52 am EST - Updated 23 February 2023, 4:58 am EST

  Hi Team,

  I want custom icon in header

  like this

  please help

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 23 February 2023, 8:01 pm EST

  Hi,
  
  We may add the icons to the header by using itemFormatter. In itemFormatter, we may check the cellType and then add the tag with the image source as per the cell type. Also, if we want to set icons in the cells of that column then we may use cellTemplate property of Column class for the same.

  We may handle the click events on that icons by adding a handler for the click event on the hostElement of the FlexGrid.
  
  Please refer to this sample for reference: https://stackblitz.com/edit/js-qhx1uo?embed=1&file=index.js

  Regards,
  
  Manish Gupta