title: jQuery DataTables render column data
body: <p>I'm using jQuery DataTables to display information from JSON encoded PHP response.  The JSON response contains the object "name".  "name" contains "Full Name", "Last Name", "ID".   I have been using <code>columns</code> to display the data the way I want but, I've ran into a problem I can't figure out.  </p>
  
  <p>In the code below example 1 works fine and will display "Full Name" while sorting by "Last Name".  However, example 2 is not working at all.  The desired output would contain HTML rendered display and sorted by "Last Name".  In example 3 the display is rendered the way I would like but it is not sorted correctly.</p>
  
  <p>Does anyone know how to adjust example 2 to output what I am looking for (rendered and sorted data)? </p>
  
  <pre><code>var oTable = $('#table').DataTable({
  'ajax': {
      url: 'PHP-file-returns-JSON.php',
      type: "POST",
      dataSrc: function ( data ) {
              return data.cols;
          },       
      data: function(d) {
  
         ///send additional values to POST
         var frm_data = $('#val1, #val2').serializeArray();
         $.each(frm_data, function(key, val) {
               d[val.name] = val.value;
         });
       }
  },
  'columns':[
  
          // exapmle 1 - works but not rendered with HTML
          { data: {
                  _:    "name.Full Name",
                  sort: "name.Last Name",
                  } 
          },
  
          // example 2 not working at all
          { data: 'name', "render": function ( data, type, row ) {
                  return '&lt;span id="'+data.ID+'"&gt;'+data.Full Name+'&lt;/span&gt;';
              },
              "sort" : "name.Last Name",
          },
  
          // example 3 works fine with HTML rendered display but not sorted
          { data: 'name', "render": function ( data, type, row ) {
                  return '&lt;span id="'+data.ID+'"&gt;'+data.Full Name+'&lt;/span&gt;';
              } 
          },
  ]
  });
  </code></pre>
  
  <p>UPDATE:</p>
  
  <p><a href="https://jsfiddle.net/austin350s10/Lu8j3dfr/1/" rel="noreferrer">HERE</a> is the JSFiddle that shows the data structure I'm working with.  The working example only shows the Full Name sorted by the Last Name.  I am trying to figure out how to make the display contain a span element with the ID as the id attribute.  </p>