title: Embedding an base64 encoded image into Dash Data Table
body: <p>I am hoping to embed an image as a data:URI into a Dash Datatable as in the example below.  I borrowed the embedding from this <a href="https://superuser.com/questions/1199393/is-it-possible-to-directly-embed-an-image-into-a-markdown-document">post</a>.  I am creating the images on the fly using another library not included in the code below.  When I run the Dash server using </p>
  
  <pre><code>python app.py
  </code></pre>
  
  <p>I get a data table with the encoded string and not an image.  I thought using the 'presentation': 'markdown' (in the columns section of the <a href="https://dash.plot.ly/datatable/reference" rel="nofollow noreferrer">dash documentation</a>) would work but unfortunately not. </p>
  
  <p>I also tried wrapping the url in a dash html.Img component but that did not seem to work either.</p>
  
  <p>Any help on this would be appreciated! Thank you</p>
  
  <pre><code>import dash
  import dash_table
  import pandas as pd
  
  
  url1 = '![Hello World](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAUCAAAAAAVAxSkAAABrUlEQVQ4y+3TPUvDQBgH8OdDOGa+oUMgk2MpdHIIgpSUiqC0OKirgxYX8QVFRQRpBRF8KShqLbgIYkUEteCgFVuqUEVxEIkvJFhae3m8S2KbSkcFBw9yHP88+eXucgH8kQZ/jSm4VDaIy9RKCpKac9NKgU4uEJNwhHhK3qvPBVO8rxRWmFXPF+NSM1KVMbwriAMwhDgVcrxeMZm85GR0PhvGJAAmyozJsbsxgNEir4iEjIK0SYqGd8sOR3rJAGN2BCEkOxhxMhpd8Mk0CXtZacxi1hr20mI/rzgnxayoidevcGuHXTC/q6QuYSMt1jC+gBIiMg12v2vb5NlklChiWnhmFZpwvxDGzuUzV8kOg+N8UUvNBp64vy9q3UN7gDXhwWLY2nMC3zRDibfsY7wjEkY79CdMZhrxSqqzxf4ZRPXwzWJirMicDa5KwiPeARygHXKNMQHEy3rMopDR20XNZGbJzUtrwDC/KshlLDWyqdmhxZzCsdYmf2fWZPoxCEDyfIvdtNQH0PRkH6Q51g8rFO3Qzxh2LbItcDCOpmuOsV7ntNaERe3v/lP/zO8yn4N+yNPrekmPAAAAAElFTkSuQmCC)'
  
  data = [['Item 1', url1], ['Item 2', url1]]
  
  # Create the pandas DataFrame 
  df = pd.DataFrame(data, columns = ['Name', 'Image']) 
  
  app = dash.Dash(__name__)
  
  
  app.layout = dash_table.DataTable(
      id='table',
      columns=[{"name": 'Name', "id": 'Name'},
      {
              'id': 'Image',
              'name': 'Image',
              'presentation': 'markdown',
          },
      ],
      #fixed_columns={ 'headers': True, 'data': 1 },
      data=df.to_dict('records'),
  
  )
  
  if __name__ == '__main__':
      app.run_server(debug=True)
  </code></pre>