.Datatable не является функция

Question

Я пытаюсь этой конфигурационной таблица https://datatables.net/examples/basic_init/scroll_xy.html

я выпадающее меню и выбор даты, так что я добавить ссылки на таблицы и дату и время початкоотделяющих ссылок, то я добавляю таблицу, а также я использую скрипт для этого, но когда я выбери сборщик даты и времени, то календарь не отображается, то, когда я проверить консоль этого шоу ошибки

Я пытаюсь экспортировать данные таблицы в Excel

WebForm1.aspx:34 Uncaught TypeError: $(...).Datatable is not a function 

КОДА

<%--for tabledata--%> 
<script type="text/javascript" src="//code.jquery.com/jquery-1.12.3.js"></script> 
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 

    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" /> 


     <link href="Styles/stylechart.css" rel="stylesheet" /> 
     <!--for date--%>--> 
     <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css" /> 
     <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script> 
     <script type="text/javascript" src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 

    <script type="text/javascript"> 
      $(document).ready(function() { 
       $("#tabledata").Datatable({ 
        dom: 'Bfrtip', 
        buttons: [ 
         'excelHtml5' 

        ] 
       }); 
      }); 

    </script> 

     <table id="tabledata" cellspacing="0" class="display nowrap inner_table"> 

      </table> 

обновление:

 success: function (result) { 
        var final = JSON.parse(result.d).response; 
        console.log(JSON.parse(result.d).response); 
        $("#tabledata").empty(); 
        if (final.length > 0) { 
         $("#tabledata").append(
    "<thead><tr><th>RegNo</th></tr></thead>"); 
         for (var i = 0; i < final.length; i++) { 

          if (final[i] !== null) { 
           $("#tabledata").append("<tbody><tr><td>" +      
           final[i][0] + "</td> </tr></tbody>"); 

          } 
         }      
        } 

Answer 1

вы используете несколько ссылок из JQuery file.Also порядка является более важным для любой плагин работать должным образом. Также старайтесь избегать написания протокола http или https перед ссылкой на скрипт, просто добавьте простой //, и он автоматически определит, на каком протоколе работает ваше приложение, и загрузите файл ссылки в соответствии с ним.

измените свой ссылочный раздел на сценарии, подобные приведенным ниже.

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" /> 
<link href="Styles/stylechart.css" rel="stylesheet" /> 
<!--for date--%>--> 
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css" /> 

<script type="text/javascript" src="//code.jquery.com/jquery-1.12.4.js"></script> 
<script type="text/javascript" src="//code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 
<script type="text/javascript" src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("#tabledata").Datatable({ 
       dom: 'Bfrtip', 
       buttons: [ 
        'excelHtml5' 

       ] 
      }); 
     }); 

</script> 

<table id="tabledata" cellspacing="0" class="display nowrap inner_table"> 
<thead> 
<tr> 
<th>Column1</th> 
<th>Column2</th> 
<th>Column3</th> 
<th>Column4</th> 
</tr> 
</thead> 
</table> 

Answer 2

попробовать это:

  $('#tabledata').DataTable({ 
      sDom: 'TC<"clear">lfrtip', 
      "iDisplayLength": 10, 
      "oTableTools": { 
     ***add*** "sSwfPath": "//cdn.datatables.net/tabletools/2.2.0/swf/copy_csv_xls_pdf.swf", 
       "aButtons": [ 
        "copy", 
        "csv", 
        "xls", 
        {