TypeError DataTable is not a function

Question

I am trying to work with jQuery s Datatable JS for my project from this link   I downloaded the complete library from the same source  All the examples given in the package seem to work fine  but when I try to incorporate them in my WebForms the CSS JS do not work at all   Here is what I have done       lt html xmlns  http   www w3 org 1999 xhtml  gt   lt head runat  server  gt       lt title gt  lt  title gt       lt link href  css jquery dataTables css  rel  stylesheet  type  text css    gt   lt  head gt   lt body gt       lt form id  form1  runat  server  gt       lt div gt           lt table id  myTable  class  display  cellspacing  0  width  100   gt               lt thead gt                   lt tr gt                       lt th gt Name lt  th gt                       lt th gt Position lt  th gt                       lt th gt Office lt  th gt                       lt th gt Age lt  th gt                       lt th gt Start date lt  th gt                       lt th gt Salary lt  th gt                   lt  tr gt               lt  thead gt               lt tfoot gt                   lt tr gt                       lt th gt Name lt  th gt                       lt th gt Position lt  th gt                       lt th gt Office lt  th gt                       lt th gt Age lt  th gt                       lt th gt Start date lt  th gt                       lt th gt Salary lt  th gt                   lt  tr gt               lt  tfoot gt               lt tbody gt                  lt  -- table body -- gt               lt  tbody gt           lt  table gt       lt  div gt       lt script src  js jquery dataTables js  type  text javascript  gt  lt  script gt       lt script src  js jquery js  type  text javascript  gt  lt  script gt       lt script type  text javascript  gt            document  ready function                      myTable   DataTable                     lt  script gt       lt  form gt   lt  body gt   lt  html gt    My file structure for the JS and CSS in my Solution looks as follows       I have added all the necessary JS and CSS references as shown in the manual  Still the rendering isn t as expected  There is no CSS and even the JS doesn t work   Also in the console i get the following errors    ReferenceError  jQuery is not defined TypeError         DataTable is not a function   I have still not bound any dynamic data here  like within a repeater or so  still it is not working    Can someone please guide me in the right direction for this problem

User · Accepted Answer

CAUSE

There could be multiple reasons for this error.

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.

For example:

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.dataTables.min.js" type="text/javascript"></script>

See jQuery DataTables: Common JavaScript console errors for more information on this and other common console errors.

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

The Solution to TypeError: $(...).DataTable is not a function is

CAUSE

SOLUTION

Most Viewed Questions: