I want to add in DataTables a country icon on each country column (with jQuery) which is the same as the text that is displayed on that column.

So when it contains the country US then there is a image before the text that will link to us.png.

So, from this:

to this:

_{(Edited in Chrome DevTools)}

I think it can be done with aaData, but I don't know how to use that without replacing the whole column.

Somebody has an answer?

I want to add in DataTables a country icon on each country column (with jQuery) which is the same as the text that is displayed on that column.

So when it contains the country US then there is a image before the text that will link to us.png.

So, from this:

to this:

_{(Edited in Chrome DevTools)}

I think it can be done with aaData, but I don't know how to use that without replacing the whole column.

Somebody has an answer?

• javascript
• jquery
• datatables

1 Answer 1

Use the fnRowCallback.

Refer this example from the datatables documentation http://datatables/release-datatables/examples/advanced_init/row_callback.html