jQuery DataTables displays a bulletin when at that place is Ajax error or invalid JSON response. However most of the time you lot volition only see a JavaScript fault in your browser console if something is wrong. I have compiled a list of the most common JavaScript errors actualization in the panel, their cause and possible solutions.

  • TypeError: $(…).DataTable is not a function
  • TypeError: aData is undefined
  • TypeError: f is undefined
  • TypeError: Cannot read property 'length' of undefined
  • TypeError: headerCells[i] is undefined
  • TypeError: northward[m] is undefined
  • TypeError: Cannot read property 'mode' of undefined
  • TypeError: Cannot set up property 'nTf' of undefined
  • TypeError: Cannot read belongings 'mData' of undefined
  • TypeError: col is undefined

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

Cause

  • jQuery DataTables library is missing.
  • jQuery library is loaded later on jQuery DataTables.
  • Multiple versions of jQuery library is loaded.

Solution

Include only ane version of jQuery library version 1.7 or newer earlier 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 i of the formats shown beneath. Error occurs because data is returned in the format other than default.

Array of arrays 

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

Array of objects 

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

Solution

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

See Data array location for more information.

TypeError: f is undefined

Run across the following errors for a possible cause and solution:

  • TypeError: aData is undefined

TypeError: Cannot read property 'length' of undefined

Run across the following errors for a possible cause and solution:

  • TypeError: aData is undefined

TypeError: headerCells[i] is undefined

TypeError: n[grand] is undefined

Crusade

  • Number of th elements in the table header or footer differs from number of columns in the table torso or divers using columns option.
  • Aspect 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 selection.
  • If you use colspan aspect in the table header, make sure you take at least two header rows and 1 unique th element for each column. Encounter Complex header for more information.
  • If you lot apply columnDefs.targets pick, make sure that zero-based column index refers to existing columns.

TypeError: Cannot read property 'fashion' of undefined

See the following errors for a possible cause and solution:

  • TypeError: headerCells[i] is undefined

TypeError: Cannot set property 'nTf' of undefined

Cause

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

Solution

  • Brand sure that number of thursday 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

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

Michael Ryvkin

Freelance web programmer based in Perkasie, Bucks County, PA. I pattern and develop custom websites and web applications, perform website maintenance and provide technical support for small-scale and medium-sized businesses.

Contact me for a free quote or consultation on your project.