jQuery DataTables: Common JavaScript console errors

TypeError: $(…).DataTable is not a function

Cause

  • jQuery DataTables library is missing.
  • jQuery library is loaded after jQuery DataTables.
  • Multiple versions of jQuery library is loaded.

Solution

Include only one version of jQuery library version 1.7 or newer before jQuery DataTables.

TypeError: aData is undefined

Cause

jQuery DataTables cannot find the data in the response to the Ajax request.

By default jQuery DataTables expects the data to be in one of the formats shown below. Error occurs because data is returned in the format other than default.

Array of arrays

{ 
   "data": [
      [
         "Tiger Nixon",
         "System Architect",
         "$320,800",
         "2011/04/25",
         "Edinburgh",
         "5421"
      ]
   ]
}
Array of objects

{ 
   "data": [
      {
         "name": "Tiger Nixon",
         "position": "System Architect",
         "salary": "$320,800",
         "start_date": "2011/04/25",
         "office": "Edinburgh",
         "extn": "5421"
      }
   ]
}

Solution

Use default format or use ajax.dataSrc option to define data property containing table data in Ajax response (data by default).

See Data array location for more information.

TypeError: f is undefined

See the following errors for a possible cause and solution:

TypeError: Cannot read property ‘length’ of undefined

See the following errors for a possible cause and solution:

TypeError: headerCells[i] is undefined

TypeError: n[m] is undefined

Cause

  • Number of th elements in the table header or footer differs from number of columns in the table body or defined using columns option.
  • Attribute colspan is used for th element in the table header.
  • Incorrect column index specified in columnDefs.targets option.

Solution

  • Make sure that number of th elements in the table header or footer matches number of columns defined in the columns option.
  • If you use colspan attribute in the table header, make sure you have at least two header rows and one unique th element for each column. See Complex header for more information.
  • If you use columnDefs.targets option, make sure that zero-based column index refers to existing columns.

TypeError: Cannot read property ‘style’ of undefined

See the following errors for a possible cause and solution:

TypeError: Cannot set property ‘nTf’ of undefined

Cause

  • Number of th elements in the table footer differs from number of th elements in the table header.

Solution

  • Make sure that number of th elements in the table footer matches number of th elements in the table header.

TypeError: Cannot read property ‘mData’ of undefined

TypeError: col is undefined

Cause

  • Missing table header.
  • Number of td elements in the table body differs from number of th elements in the table header.

Solution

  • Make sure that your table has a header. See Requirements for more information.
  • Make sure that number of td elements in the table footer matches number of th elements in the table header.

You May Also Like

Comments

  1. thanks, very useful. solved TypeError: $(…).DataTable is not a function error for me. I spent hours looking for the reason. then your concise comment (loading more than one jquery library) solved it. I was loading two versions in two different places in my html. thanks,

  2. I got this error.TypeError: aLayout[i][j] is undefined.
    Please Help me to solve this issue. And another error which i faced while generating pdf that was colspan in pdf. I can’t set colspan and rowspan in export pdf using datatables.

      1. DataTables only support colspan and rowspan attributes if there is at least one TH cell which is unique to the column, please see this example. I suspect you get this error because you don’t have one unique TH per column. If you could create an example on jsFiddle demonstrating your problem or share your HTML markup, I would be able to provide more specific response.

  3. TypeError: widths[i] is undefined.
    @Michael Ryvkin sir Please Guide me. I got this error while exporting the pdf. Thanks in advance.

  4. hello, i have this error:

    vista.php:152 Uncaught TypeError: Cannot read property ‘id’ of undefined

    i dont find the solution 🙁

Leave a Reply to kalyani Cancel reply

(optional)

This site uses Akismet to reduce spam. Learn how your comment data is processed.