Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Uncaught TypeError: Cannot set property '_DT_CellIndex' of undefined Datatables

I am getting this error:

Uncaught TypeError: Cannot set property '_DT_CellIndex' of undefined

I searched the web and found that it usually occurs when the count of th mismatches the count of td.

But I don't think that is causing the problem. See the table defination below :

$(document).ready(function() {
    $('#chat').DataTable({
        responsive: true,
        "bLengthChange": false,
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<link href="//cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet"/>

<table class="table table-striped table-bordered" id="chat">
  <thead>
    <tr>
      <th>From</th>
      <th>To</th>
      <th>Message</th>
      <th>Time of Messgae</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>jhon</td>
      <td>rylie</td>
      <td>
        <message xmlns:cli="jabber:client" to="[email protected]" cli:subject="TEXT MESSAGE" cli:lang="en" type="chat" id="jhon_1523607791051" from="[email protected]/bizRTC">
          <body>Hey Rylie</body>
          <request xmlns="urn:xmpp:receipts"></request>
        </message>
      </td>
      <td>13-04-18 08:23:11</td>
    </tr>
    <tr>
    </tr>
    <tr>
      <td>rylie</td>
      <td>jhon</td>
      <td>
        <message xmlns:cli="jabber:client" to="[email protected]" cli:subject="TEXT MESSAGE" cli:lang="en" type="chat" id="rylie_1523607808352" from="[email protected]/bizRTC">
          <body>Hey Jhon</body>
          <request xmlns="urn:xmpp:receipts"></request>
        </message>
      </td>
      <td>13-04-18 08:23:29</td>
    </tr>
    <tr>
      <td>rylie</td>
      <td>rajanjadav</td>
      <td><i class="material-icons">play_circle_filled</i> PTT Message</td>
      <td>13-04-18 08:36:21</td>
    </tr>
    <tr>
    </tr>
    <tr>
      <td>rylie</td>
      <td>jhon</td>
      <td>
        <message xmlns:cli="jabber:client" to="[email protected]" cli:subject="TEXT MESSAGE" cli:lang="en" type="chat" id="rylie_1523608843382" from="[email protected]/bizRTC">
          <body>what are you doing</body>
          <request xmlns="urn:xmpp:receipts"></request>
        </message>
      </td>
      <td>13-04-18 08:40:43</td>
    </tr>
    <tr>
      <td>jhon</td>
      <td>rylie</td>
      <td>
        <message xmlns:cli="jabber:client" to="[email protected]" cli:subject="TEXT MESSAGE" cli:lang="en" type="chat" id="jhon_1523608972383" from="[email protected]/bizRTC">
          <body>Nothing much</body>
          <request xmlns="urn:xmpp:receipts"></request>
        </message>
      </td>
      <td>13-04-18 08:42:52</td>
    </tr>
    <tr>
    </tr>
    <tr>
      <td>jhon</td>
      <td>rylie</td>
      <td>
        <message xmlns:cli="jabber:client" to="[email protected]" cli:subject="TEXT MESSAGE" cli:lang="en" type="chat" id="jhon_1523609330813" from="[email protected]/bizRTC">
          <body>This is for jqyeur</body>
          <request xmlns="urn:xmpp:receipts"></request>
        </message>
      </td>
      <td>13-04-18 08:48:50</td>
    </tr>
    <tr>
    </tr>
    <tr>
      <td>rylie</td>
      <td>jhon</td>
      <td>
        <message xmlns:cli="jabber:client" to="[email protected]" cli:subject="TEXT MESSAGE" cli:lang="en" type="chat" id="rylie_1523609341479" from="[email protected]/bizRTC">
          <body>okay got it msg</body>
          <request xmlns="urn:xmpp:receipts"></request>
        </message>
      </td>
      <td>13-04-18 08:49:01</td>
    </tr>
    <tr>
      <td>jhon</td>
      <td>rylie</td>
      <td>
        <message xmlns:cli="jabber:client" to="[email protected]" cli:subject="TEXT MESSAGE" cli:lang="en" type="chat" id="jhon_1523611389535" from="[email protected]/bizRTC">
          <body>Say else what are you doing</body>
          <request xmlns="urn:xmpp:receipts"></request>
        </message>
      </td>
      <td>13-04-18 09:23:09</td>
    </tr>
    <tr>
    </tr>
    <tr>
      <td>rylie</td>
      <td>jhon</td>
      <td>
        <message xmlns:cli="jabber:client" to="[email protected]" cli:subject="TEXT MESSAGE" cli:lang="en" type="chat" id="rylie_1523611415081" from="[email protected]/bizRTC">
          <body>nothing much just coding right now</body>
          <request xmlns="urn:xmpp:receipts"></request>
        </message>
      </td>
      <td>13-04-18 09:23:35</td>
    </tr>
    <tr>
      <td>jhon</td>
      <td>rylie</td>
      <td>
        <message xmlns:cli="jabber:client" to="[email protected]" cli:subject="TEXT MESSAGE" cli:lang="en" type="chat" id="jhon_1523611468570" from="[email protected]/bizRTC">
          <body>What's ur password</body>
          <request xmlns="urn:xmpp:receipts"></request>
        </message>
      </td>
      <td>13-04-18 09:24:28</td>
    </tr>
    <tr>
    </tr>
    <tr>
    </tr>
    <tr>
      <td>jhon</td>
      <td>rylie</td>
      <td><i class="material-icons">play_circle_filled</i> PTT Message</td>
      <td>13-04-18 09:27:18</td>
    </tr>
    <tr>
    </tr>
    <tr>
      <td>jhon</td>
      <td>rajanjadav</td>
      <td>
        <message xmlns:cli="jabber:client" to="[email protected]/bizRTC" cli:subject="TEXT MESSAGE" cli:lang="en" type="groupchat" id="jhon_1523611651354" from="[email protected]/jhon__umobilityptt.7600556046">
          <body>This message is sent in bizrtc group</body>
          <request xmlns="urn:xmpp:receipts"></request>
        </message>
      </td>
      <td>13-04-18 09:27:31</td>
    </tr>
    <tr>
      <td>rylie</td>
      <td>rajanjadav</td>
      <td>
        <message xmlns:cli="jabber:client" to="[email protected]/bizRTC" cli:subject="TEXT MESSAGE" cli:lang="en" type="groupchat" id="rylie_1523613602613" from="[email protected]/rylie__umobilityptt.7600556046">
          <body>what happened in the meeting with Alliance</body>
          <request xmlns="urn:xmpp:receipts"></request>
        </message>
      </td>
      <td>13-04-18 10:00:03</td>
    </tr>
    </tr>
  </tbody>
</table>

What can be the possible solution for this ?

like image 384
Rajan Avatar asked Jan 03 '23 13:01

Rajan


1 Answers

DataTables expects the table to be populated consistently with each row, with the same number of columns. The cause is the empty elements in your HTML.

<tr>
</tr>

If you remove those empty rows, the error will go.

like image 100
colin0117 Avatar answered Jan 05 '23 19:01

colin0117