title: How to add Image in muidatatables?
body: <p>Note: Image is in the database named as &quot;profileImage&quot; I want to make image object that is dynamic as like other objects, whenever I add this code</p>
  <p><code>{ label: &quot;Image&quot;, name: &quot;profileImage&quot;, }</code>
  it simply display the image endpoint like 3704545668418.PNG and the url for profileImage is <code>https://cloudclinicdevapi.azurewebsites.net/Profile/3704545668418.PNG</code></p>
  <p>Now please tell me how can I add image column in this table</p>
  <pre><code>this.state = {
    columns: [
      {
        label: &quot;National ID&quot;,
        name: &quot;nationalID&quot;,
        sortable: true,
  
        filter: true,
  
        options: {
          customBodyRender: (val) =&gt; (
            &lt;NavLink className=&quot;NavLink&quot; to={`/EditPatient?Patient=${val}`}&gt;
              {val}
            &lt;/NavLink&gt;
          ),
        },
      },
      {
        label: &quot;Patient Name&quot;,
        name: &quot;name&quot;,
        filter: true,
      },
      {
        //want to add Image here
      },
      {
        label: &quot;Phone Number&quot;,
        name: &quot;phone&quot;,
        sortable: true,
        filter: true,
      },
      {
        label: &quot;Address&quot;,
        name: &quot;address&quot;,
        sortable: true,
  
        filter: true,
      },
      {
        label: &quot;ID&quot;,
        hide: true,
        name: &quot;nationalID&quot;,
        button: {
          show: true,
          value: &quot;Make an Appointments&quot;,
          operation: (val) =&gt; this.needAppointment(val),
        },
      },
    ],
    rowSelection: &quot;single&quot;,
    rowData: [],
  }
  </code></pre>