title: How I can add image in material table cell?
body: <p>I added image (maybe not correct) in detail Table. Now I wont edit data and have problem with image field (without image all work good) .
  <a href="https://i.stack.imgur.com/GEyyh.png" rel="nofollow noreferrer">enter image description here</a></p>
  <pre><code>           columns={[{ title: 'ID', field: 'id' },
                       { title: '', field: 'img'},
                       { title: 'Title', field: 'title' },
                       { title: 'Price', field: 'price' },
                       { title: 'Quantity', field: 'quantity' },
                       { title: 'Subtotal', field: 'subtotal' },
                       { title: 'Description', field: 'description', hidden: true}, ]}
            data={rowData.items.map((item)=&gt;
                    ({id: item.id, title:item.title, 
                      price:item.price,
                      quantity:item.quantity,
                      subtotal:item.price*item.quantity, 
                      description:item.description,
                      img:&lt;img src={item.img} alt=&quot;&quot; border=&quot;3&quot; height=&quot;100&quot; width=&quot;100&quot; /&gt;
                                                   }))}
  
          editable={{
                    onRowDelete: oldData =&gt;
                         new Promise((resolve, reject) =&gt; {
                             console.log(oldData);   
                             setTimeout(() =&gt; {
                                 const index = oldData.tableData.id;
                                 rowData.items.splice(index, 1);                                                          
                                 removeItemFromOrder(rowData.orderNumber,oldData);
                                 resolve()
                                                           }, 1000)
                                                       }),
                                               }}
  </code></pre>