Display image in flex grid cells

Display image in flex grid cells

Posted by: navyak on 20 April 2020, 10:39 am EST

• 

  navyak

  • Post Options:
  • Link
    Copy

  Posted 20 April 2020, 10:39 am EST - Updated 3 October 2022, 4:38 pm EST

  Hello,

  Can you please let me know how to display images (.png,.jpeg) in wsjmo 5 flex grid columns.

  I tried to display the image using itemformatter like cell.InnerHTML = “”.
  
  But it is not working (image is not rendered in the grid cell).

  Below is the screenshot for how the image should look in grid once the data is rendered.

  Can you please provide a way to display the images in the flex grid cell.

  Thank you.

  

  900×254 39.8 KB

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 21 April 2020, 1:36 am EST

  Hi Navya,

  Your way of adding images inside the grid’s cell is correct. But, if the image is not rendered, it may be possible that the grid was unable to find the image. Please make sure that you have provided the correct URL. Also, check whether the HTML of the cell is updated by using the Inspect Element of the browser.
  
  Refer to the following sample for a demo:

  https://stackblitz.com/edit/js-cgqvdg

  Regards,
  
  Ashwin