title: rendering DataTable from Json, and modifying one of the columns
body: <p>I am rendering the rows of a DataTable from a Json-File which get loaded from the server. </p>
  
  <p>One of the columns, contains a link of logos (images), but that link, should not be rendered as plain text, instead of that, as the logo directely. </p>
  
  <p>How could I do that? </p>
  
  <p>Here is my code to render the DataTable:</p>
  
  <pre><code>$(document).ready(function() {
      $('#osPartner').DataTable( {
          "ajax": "test2.json",
          "columns": [
              { "data": "pId" },
              { "data": "sName" },
              { "data": "lgName" },
              { "data": "logo" },
              { "data": "inc" },
              { "data": "details.teaserImage2" }
          ]
      } );
  } ); 
  </code></pre>
  
  <p>All the data is loaded but the the "logo" column are links. How could I display the images, that are on that link, instead of the link (as text)? Is there a possibility to modify that column, and surround the link with html code, like:</p>
  
  <pre><code>&lt;img src="logo_url_here_that_i_become_from_jsom" alt="Mountain View" style="width:304px"&gt;
  </code></pre>
  
  <p>or </p>
  
  <pre><code> logo = "&lt;img src='"+ logo + "' alt='Mountain View' style='width:304px'&gt;"
  </code></pre>
  
  <p>Here is how my json-file looks like: </p>
  
  <pre><code>{
      "data": [
      {
          "sName": "hjp",
          "lgName": "Hi Ju Pi",
          "pId": "lap34208",
          "feat": false,
          "logo": "https://www.link-here.de/images/image1.png",
          "details": {
                "teaserImage": "https://link-here.de/mg/dsa/dev/img/image1.png",
                 "teaserImage2": "https://link-here.de/mg/dsa/dev/img/image1.png"
          }
          },
          {
          "sName": "hjp2",
          "lgName": "Hi Ju Pi22",
          "pId": "ldfsdf38",
          "feat": false,
          "logo": "https://www.link2-here.de/images/image2.png",
          "details": {
                "teaserImage": "https://another-link-here.de/mg/dsa/dev/img/picture1.png",
                 "teaserImage2": "https://another-link-here.de/mg/dsa/dev/img/pic2.png"
          }}
      }]
  </code></pre>
  
  <p>}</p>