title: Jquery datatables display image in one of the columns
body: <p>I am using Jquery data tables and getting the data from server using Ajax. Basically the data I am sending is about an <code>Order</code> and there are different types of orders. </p>
  
  <p>What I am trying to achieve is send in the <code>Order type</code> along with the order data and on the client side display an image. </p>
  
  <p>I have two main types, <code>Surplus</code> and <code>Deficit</code>. I have both images as my static content on the client side and from server I am able to get the data. I am not sure how to display it. </p>
  
  <p>This is how I get data from server</p>
  
  <pre><code>$('#matchOrderedTable').dataTable({
      "ajax": {
          "url": TippNett.Api.Url + "Match/DataTable",
          "data": function (d) {
              d.token = authToken;
          }
      },
      "columns": [
          { "data": "Created" },
          { "data": "Amount" },
          { "data": "OrderOrg" },
          { "data": "OrderMatchedOrg" },
          { "data": "OrderLoc" },
          { "data": "OrderMatchLoc" },
      ]
  });
  </code></pre>
  
  <p>and my View looks like this</p>
  
  <pre><code>&lt;table id="matchOrderedTable"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;@Texts.Created&lt;/th&gt;
              &lt;th&gt;@Texts.Amount&lt;/th&gt;
              &lt;th&gt;@Texts.Organizations&lt;/th&gt;
              &lt;th&gt;@Texts.MatchedOrg&lt;/th&gt;
              &lt;th&gt;@Texts.Locations&lt;/th&gt;
              &lt;th&gt;@Texts.MatchedLoc&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Any ideas or examples on how to do that?</p>