title: Problems setting rowId while using jquery datatables
body: <p><strong>Background Information.</strong> </p>
  
  <p>I have a jquery datatable which is working fine... except for the fact that after my page / table renders... it's missing a row id.
  I need each row to look something like this: </p>
  
  <pre><code> &lt;tr id=10100... &gt; ... &lt;/tr&gt;
  </code></pre>
  
  <p><strong>Code</strong></p>
  
  <pre><code>$(document).ready(function() {
      var selected = [];
      $('#users').DataTable( {
          "processing": false,
          "serverSide": true,
          "ordering": false,
          aLengthMenu: [
              [10, 25, 50, 100, "-1"],  //controls the "Show X entries" drop down on gui
              [10, 25, 50, 100, "All"]
          ],
          "ajax": "/cgi-bin/mvspaging_list",
          rowId:'pn',
          "rowCallback": function( row, data ) {
              if ( $.inArray(data.DT_RowId, selected) !== -1 ) {
                  $(row).addClass('selected');
              }
          },
      "columns": 
      [    
          //{ "data": "id" ,"searchable":false},
          { "data": "pn", "searchable":true },   
          { "data": "fname",defaultContent:'', "searchable":true},
          { "data": "lname",defaultContent:'',"searchable":true},
          { "data": "grp_name",defaultContent:'',"searchable":true},  
          { "data": "description",defaultContent:'',"searchable":true},               
          { "mRender": function ( data, type, row) {          
              if (row.grp == 0) {
                  action =  '&lt;a href=pndetails.html?pn=' + row.pn +'&gt;Details&lt;/a&gt;';
                  var fullname= encodeURI(row.fname + " " + row.lname);
                  action = action + '&amp;nbsp;|&amp;nbsp;' + '&lt;a href="#" onclick=delpn(' + row.pn + ',"' + fullname + '",false)&gt;Delete&lt;/a&gt;';
                  return action;
              } else {
                  var groupname= encodeURI(row.grp_name);
                  action =  '&lt;a href=group_details.html?pn=' + row.pn +'&gt;Details&lt;/a&gt;';
                  action = action + '&amp;nbsp;|&amp;nbsp;' +  '&lt;a href="#" onclick=delpn(' + row.pn + ',"' + groupname + '",true)&gt;Delete&lt;/a&gt;';
                  return action;      
              }
              }
          }
      ]
      });
  } );
  </code></pre>
  
  <p>Currently, this generates HTML rows like this: </p>
  
  <pre><code>&lt;tr role="row" class="odd"&gt;
        &lt;td&gt;10100&lt;/td&gt;
        &lt;td&gt;Devin&lt;/td&gt;
        &lt;td&gt;Daster&lt;/td&gt;
        &lt;td&gt;&lt;/td&gt;
        &lt;td&gt;&lt;/td&gt;
        &lt;td&gt;&lt;a href="pndetails.html?pn=10100"&gt;Details&lt;/a&gt;&amp;nbsp;|&amp;nbsp;&lt;a href="#" onclick="delpn(10100,&amp;quot;Devin%20Daster&amp;quot;,false)"&gt;Delete&lt;/a&gt;&lt;/td&gt;
   &lt;/tr&gt;
  </code></pre>
  
  <p>I thought specifying </p>
  
  <pre><code>  rowId:'pn',
  </code></pre>
  
  <p>would do the trick but I guess not. </p>
  
  <p>Any suggestions on what I'm missing would be appreciated.  I'm currently using this as a reference: <a href="https://datatables.net/reference/option/rowId" rel="nofollow noreferrer">https://datatables.net/reference/option/rowId</a></p>