title: DataTables extra column with button
body: <p>I am using DataTables.</p>
  
  <h2>Code</h2>
  
  <pre><code>&lt;script type="text/javascript" charset="utf-8"&gt;
      $(document).ready(function() {
          $('#table').dataTable( {
              "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
              "serverSide": true,
              "ajax": {
                      "url": "../server_processing/orders.php",
                      "type": "POST"
                      },
              "order": [[ 0, "desc" ]],
              "processing": true,
              "aoColumnDefs": [            
                  {
                      "aTargets": [ 0 ], 
                      "mRender": function ( data, type, full ) {
                          return '&lt;a href="order?id=' + full[0] + '"&gt;' + data + '&lt;/a&gt;';
                      }
                  },
                  {
                      "mRender": function ( data, type, full ) {
                          return '&lt;a href=\'view.php?id=\'' + full[0] + '\' class=\'btn btn-primary\'&gt;View&lt;/a&gt;';
                      }
                  }
              ]
          } );
      } );
  &lt;/script&gt;
  </code></pre>
  
  <p>I want to add an extra column at the end and each row has a button:</p>
  
  <pre><code>&lt;a href="view.php?id=XXXXXX" class="btn btn-primary"&gt;Contact Sales&lt;/a&gt;
  </code></pre>
  
  <p>The <code>XXXXXX</code> should be the contents of row 1.</p>
  
  <p>Is it possible?</p>