Hello Omar.

I believe this could be achieved with the responsive feature. Please make sure to view the video in the attached link, so you're able to replicate the look and feel on desktops as well as on tablets and mobiles.

I must say, though, that users will have to click on the "+" sign to expand the row. Maybe it can be set to auto-expand, but please note that this is considered customization of the plugin, and doesn't fall under included support of the plugin.

Best regards.

Hi Omar.

I understood what you're trying to achieve, it's just that the table can't behave this way by default. You would have to move the icons to a new row to achieve this.

You have this:

So, you have those icons in the same row.

That is why I suggested the responsive feature, where those icons would be moved to a new row automatically. The plugin deals with tables in a simple manner - one row displays in one row and cannot be split into two. No matter how wide you set the table to be - it's either going to wrap the text, or display it to a certain point, then add "..." at the end (showing it has some more data which cannot be displayed). Other option would be to make the table scrollable, but again - it can't split an existing row in two.

You would have to manually move the icons to a new row, or try the responsive feature.

But, looking at your image again - you would have to add the images in a single cell, because looking at this:

would mean the two text rows above would have to be in merged cells - which are not supported by wpDataTables.

I hope this helps.

Best regards.