Images in react datatables

Topic: Images in react datatables

viperovm asked 4 years ago

Hi!

How can I use images in datatables?

Way like this doesn't work:

data: {
    columns: [],
    rows: [
    {
      avatar: <img src{data.personal_info.avatar} alt={data.personal_info.last_name}/>
      ...
    }
    ]
}

Add comment

Krzysztof Wilk staff answered 4 years ago

0 0 Best answer

Hi!

Everything should work as you did it.

Firstly - add some columns. Without columns, there are no row cells. Secondly - the image should be declared as:

avatar: <img src='https://mdbootstrap.com/img/new/slides/041.jpg' />

avatar: <img src={data.personal_info.avatar} />

In the first example, I used an example image - you can check if it works for you. If something doesn't work - I assume there's a problem with your path property.

Best regards

Add comment