title: DataTables display multiple rows as one / hyperlink
body: <p><img src="https://i.stack.imgur.com/LlfN7.png" alt="enter image description here"></p>
  
  <p>I am using exactly this example : <a href="http://datatables.net/release-datatables/examples/server_side/server_side.html" rel="nofollow noreferrer">http://datatables.net/release-datatables/examples/server_side/server_side.html</a></p>
  
  <p>Now I don't want to have 3 columns "Artits, Title, Version" instead I want to have one column "Name" where the 3 are shown together.</p>
  
  <p>I have no idea how to do this...</p>
  
  <p>Also I wanted to add a hyperlink to the "Name" that contains the "setid" but this code is not so easy to understand for me. </p>
  
  <p>This here is not working : </p>
  
  <pre><code>var oTable = $('#example').dataTable({
      "bServerSide": true,
      "sAjaxSource": "serversideTests.php",
      "sAjaxDataProp": "aaData",
      "bProcessing": true,
      "aoColumns": [{
        "mData": "setid"
      }, {
        "mData": "beatmapid",
        "sClass": "hidden"
      }, {
        "mData": "expectedPP"
      }, {
        "mData": "perfectPP"
      }, {
        "mData": "Artist",
        "sClass": "hidden"
      }, {
        "mData": "Title",
        "sClass": "hidden"
      }, {
        "mData": "Version",
        "sClass": "hidden"
      }, {
        "mData": null,
        "mRender": function(data, type, full) {
          return full['Artist'] + '-' +
              full['Title'] + '[' + full['Version'] + ']' +
            '&lt;br&gt;&lt;a href=/' + 'osu.ppy.sh/d/' + full['setid'] + '&gt;' + 'Download' + '&lt;/a&gt;';
        }
      }, {
        "mData": "StarDifficulty"
      }, {
        "mData": "ApproachRate"
      }, {
        "mData": "BPM"
      }, {
        "mData": "length"
      }]
  });
  </code></pre>
  
  <p>With indexes</p>
  
  <pre><code> var oTable = $('#example').dataTable({
      "bServerSide": true,
      "sAjaxSource": "serversideTests.php",
      "sAjaxDataProp": "aaData",
      "bProcessing": true,
      "aoColumns": [{
        "mData": [0],
        "sClass" : "hidden"
      }, {
        "mData": [1]
      }, {
        "mData": [2]
      }, {
        "mData": [3]
      }, {
        "mData": [4],
        "sClass": "hidden"
      }, {
        "mData": [5],
        "sClass": "hidden"
      }, {
        "mData": [6],
        "sClass": "hidden"
      }, {
        "mData": null,
        "mRender": function(data, type, full) {
          return full[4] + '-' +
              full[5] + '[' + full[6] + ']' +
            '&lt;br&gt;&lt;a href=/' + 'osu.ppy.sh/d/' + full[1] + '&gt;' + 'Download' + '&lt;/a&gt;';
        }
      }, {
        "mData": [7]
      }, {
        "mData": [8]
      }, {
        "mData": [9]
      }, {
        "mData": [10]
      }, {
        "mData": [11]
      }]
  });
  </code></pre>