title: DataTable Uncaught TypeError: Cannot read property 'cell' of undefined
body: <p>I have a dataTable with local data consisting of 8 headers/rows. However I'm getting Uncaught TypeError: Cannot read property 'cell' of undefined. I did some investigation and if I comment out only one of the columns then I am not getting error anymore. Seems my table can only show 7 rows. Do you know how to fix this?</p>
  
  <pre><code>           &lt;tr&gt;
              &lt;th class="surname"&gt;SURNAME&lt;/th&gt;
              &lt;th class="firstName"&gt;FIRST NAME&lt;/th&gt;
              &lt;th class="loginEmail"&gt;LOGIN EMAIL&lt;/th&gt;
              &lt;th class="customer"&gt;CUSTOMER&lt;/th&gt;
              &lt;th class="capabilities"&gt;CAPABILITIES&lt;/th&gt;
              &lt;th class="currentStatus"&gt;STATUS&lt;/th&gt;
              &lt;th class="lastInviteSent"&gt;LAST EMAIL SENT&lt;/th&gt;
              &lt;th class="removeReq"&gt;&lt;/th&gt;
          &lt;/tr&gt;
  </code></pre>
  
  <p>data</p>
  
  <pre><code>                data.loginEmail = img.attr('data-email');
                  data.firstName = img.attr('data-firstname');
                  data.surname = img.attr('data-surname');
                  data.customer = img.attr('data-customer');
                  data.roles = img.attr('data-roles');
                  data.currentStatus = img.attr('data-status');
                  data.lastInviteSent = img.attr('data-lastemailsent');
                  data.removeReq= img.attr('data-removeReq');
  </code></pre>
  
  <p>Code</p>
  
  <pre><code>    $('table.data-edit-invitations').dataTable({
              "sDom": '&lt;"top"&gt;rtipl',
              "bPaginate": false,
              "sPaginationType": "full_numbers",
              "sScrollY": "345px",
              "bScrollCollapse": true,
              "bFilter": false,
              "bSort": false,
              "bSortCellsTop": false,
              "aoColumns": [
                  { "sType": 'string-case', "sClass": 'surname', "mData": "surname"},
                  { "sType": 'string-case', "sClass": 'firstName', "mData": "firstName"},
                  { "sType": 'string-case', "sClass": 'loginEmail', "mData": "loginEmail"},
                  { "sType": 'string-case', "sClass": 'customer', "mData": "customer"},
                  { "sType": 'string-case', "sClass": 'capabilities', "mData": "roles" },
                  { "sType": 'string-case', "sClass": 'currentStatus', "mData": "currentStatus" },
                  { "sType": 'string-case', "sClass": 'lastInviteSent', "mData": "lastInviteSent" },
                  { "sType": 'string-case', "sClass": 'removeReq', "mData": "removeReq" }
              ],
              "oLanguage": {
                  "sEmptyTable": '&lt;span&gt;No data available&lt;/span&gt;',
                  "sProcessing": "&lt;span&gt;Processing&lt;/span&gt;"
              },
              "bProcessing": true,
              "fnDrawCallback": function () {
                     //some code here
              });
  </code></pre>
  
  <p>PS: When I comment out the removeReq in header and aoColumn. it works. also when I comment out the lastInviteSent and uncomment the removeReq it works. Just not working when both exist!</p>