jQuery DataTables displays a bulletin when in that location is Ajax error or invalid JSON response. However most of the time you volition only see a JavaScript error in your browser console if something is wrong. I take compiled a listing of the most common JavaScript errors appearing in the panel, their crusade and possible solutions.

  • TypeError: $(…).DataTable is not a function
  • TypeError: aData is undefined
  • TypeError: f is undefined
  • TypeError: Cannot read belongings 'length' of undefined
  • TypeError: headerCells[i] is undefined
  • TypeError: n[m] is undefined
  • TypeError: Cannot read property 'manner' of undefined
  • TypeError: Cannot fix holding 'nTf' of undefined
  • TypeError: Cannot read holding 'mData' of undefined
  • TypeError: col is undefined

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

Crusade

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

Solution

Include only one version of jQuery library version ane.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 data to exist in one of the formats shown beneath. Error occurs considering data is returned in the format other than default.

Array of arrays 

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

Array of objects 

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

Solution

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

Meet Information array 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 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[m] is undefined

Cause

  • Number of thursday elements in the tabular array header or footer differs from number of columns in the table body or defined using columns selection.
  • Attribute colspan is used for th chemical 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, brand sure you take at least two header rows and 1 unique th element for each column. See Circuitous header for more information.
  • If you use columnDefs.targets option, brand sure that zero-based cavalcade index refers to existing columns.

TypeError: Cannot read property 'style' of undefined

See the following errors for a possible cause and solution:

  • TypeError: headerCells[i] is undefined

TypeError: Cannot gear up property 'nTf' of undefined

Cause

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

Solution

  • Brand sure that number of th elements in the table footer matches number of th elements in the tabular array header.

TypeError: Cannot read holding 'mData' of undefined

TypeError: col is undefined

Cause

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

Solution

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

Michael Ryvkin

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

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