jQuery DataTables displays a message when in that location is Ajax error or invalid JSON response. However nigh of the fourth dimension you will just run into a JavaScript error in your browser console if something is wrong. I accept compiled a list of the most common JavaScript errors appearing in the console, their crusade and possible solutions.

  • TypeError: $(…).DataTable is not a office
  • TypeError: aData is undefined
  • TypeError: f is undefined
  • TypeError: Cannot read property 'length' of undefined
  • TypeError: headerCells[i] is undefined
  • TypeError: north[grand] is undefined
  • TypeError: Cannot read property 'fashion' of undefined
  • TypeError: Cannot prepare property 'nTf' of undefined
  • TypeError: Cannot read property 'mData' of undefined
  • TypeError: col is undefined

TypeError: $(…).DataTable is non a office

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 earlier jQuery DataTables.

TypeError: aData is undefined

Cause

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

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

Array of arrays 

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

Array of objects 

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

Solution

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

See Data assortment location for more information.

TypeError: f is undefined

See the following errors for a possible cause and solution:

  • TypeError: aData is undefined

TypeError: Cannot read holding '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

Cause

  • Number of th elements in the table header or footer differs from number of columns in the table trunk or divers using columns option.
  • Attribute colspan is used for th chemical element in the tabular array header.
  • Wrong column alphabetize specified in columnDefs.targets pick.

Solution

  • Make sure that number of th elements in the table header or footer matches number of columns divers in the columns option.
  • If you use colspan aspect in the tabular array header, make certain you have at least ii header rows and one unique thursday element for each column. Come across Complex header for more information.
  • If you use columnDefs.targets selection, brand sure that zero-based cavalcade alphabetize refers to existing columns.

TypeError: Cannot read belongings 'style' of undefined

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

  • TypeError: headerCells[i] is undefined

TypeError: Cannot set belongings 'nTf' of undefined

Cause

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

Solution

  • Brand certain 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 tabular array 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 thursday elements in the tabular array header.

Michael Ryvkin

Freelance web developer based in Perkasie, Bucks County, PA. I design and develop custom websites and web applications, perform website maintenance and provide technical support for modest and medium-sized businesses.

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