Topic: Images in react datatables
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}/>
...
}
]
}
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' />
or
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB React
- MDB Version: 4.26.1
- Device: Macbook
- Browser: Chrome
- OS: MacOS 11
- Provided sample code: No
- Provided link: No