title: jQuery DataTables add country icons each column
body: <p>I want to add in <a href="http://www.datatables.net/" rel="nofollow noreferrer">DataTables</a> a <a href="http://www.famfamfam.com/lab/icons/flags/" rel="nofollow noreferrer">country icon</a> on each <code>country</code> column (with jQuery) which is the same as the text that is displayed on that column.</p>
  
  <p>So when it contains the country US then there is a image before the text that will link to <code>us.png</code>.</p>
  
  <p>So, from this:</p>
  
  <p><img src="https://i.stack.imgur.com/fwhm3.png" alt="Row without flag icons"></p>
  
  <p>to this:</p>
  
  <p><img src="https://i.stack.imgur.com/87NkT.png" alt="Row with flag icons"></p>
  
  <p><sub>(Edited in Chrome DevTools)</sub></p>
  
  <p>I think it can be done with <a href="http://datatables.net/ref#aaData" rel="nofollow noreferrer"><code>aaData</code></a>, but I don't know how to use that without replacing the whole column.</p>
  
  <p>Somebody has an answer?</p>