title: how to give different icon for each row in the same column of datatable from array
body: <p>How can I dynamically get an icon into column of dataTable. In each row there is a different icon required in the same column in the dataTable. For example <code>fa-music</code>, <code>fa-language</code> and <code>fa-magic</code>. All these are coming from an array as words into dataTable. How can I get different icons in different rows?</p>
  
  <pre class="lang-js prettyprint-override"><code>var arrmain = [
    ["E1", "RAM", "fa-umbrella", "CHENNAI", "P1"],
    ["E2", "RAJU", "fa-cloud", "PUNE", "P1"],
    ["E3", "JOHN", "fa-language", "KOLKATA", "P2"],
    ["E4", "JAY", "fa-language", "CHENNAI", "P2"],
    ["E5", "NEHA", "fa-magic", "MUMBAI", "P3"],
    ["E6", "NAYYAR", "fa-music", "DELHI", "P3"]
  ];
  
  $("#datatable").dataTable({
    "data": arr1,
    "iDisplayLength": 10,
    "dom": 'frtp',
    "pagingType": "simple_numbers",
    "bDestroy": true,
    columns: [{
      title: 'E_ID'
    }, {
      title: 'E_NAME'
    }, {
      title: 'E_ICON',
      render: function(title, type, row) {
        var a = '&lt;i class="fa fa-money "&gt;&lt;/i&gt;';
        return a;
      }
    }, {
      title: 'E_CITY'
    }, {
      title: 'P_ID'
    }]
  });
  }
  </code></pre>