新しい列がデータ型に表示されないjs

Question

データ型に新しい列を追加しようとしていますが、表示されません。 両方のヘッダーを追加します。私も結果の画像添付

"columns": [ 
{ "data": "Name" }, 
{ "data": "Country" }, 
{ "data": "FanType" }, 
{ "data": "GlobalRating" }, 
{ "data": "LocalRating" }, 
{ "data": "TeamID" } 

：

<div class="table-responsive"> 
     <table class="display dataTables table-bordered" cellspacing="0" id="userteams_table"> 
       <thead class="thead"> 
         <tr> 
           <th class="text-center"> 
            Team Name 
           </th> 
           <th class="text-center"> 
            Team Country 
           </th> 
           <th class="text-center"> 
             Fan Type 
           </th> 
           <th class="text-center"> 
             Global Rating 
           </th> 
           <th class="text-center"> 
             Local Rating 
           </th> 
           <th class="text-center"> 
             Remove 
           </th> 
         </tr> 
      </thead> 
    </table> 

ここでjsの中のDataTableの列の一部です：ここで

はHTML部分です！ [は[画像を入力してください説明はこちら] [1]] [1]

サーバー側がすべて偽りlds。

はあなたの助けをありがとう

UPDATEすべての列が表示されないのDataTableには、以下のチェックすると、私はJS

function loadUserTeamsTable(data) { 

    dt2 = $('#userteams_table').DataTable({ 
     "order": [[0, "desc"]], 
     "bStateSave": true, 
     "fnStateSaveParams": function (oSettings, sValue) { 
      /* $.cookie("Status", $("#Status").val(), { expires: 7 }); 
      $.cookie("TemplateID", $("#TemplateID").val().replace('-', ''), { expires: 7 }); 
      $.cookie("FamilyID", $("#FamilyID").val(), { expires: 7 }); 
      $.cookie("LastTreatmentByID", $("#LastTreatmentByID").val(), { expires: 7 });*/ 
     }, 
     "fnStateLoadParams": function (oSettings, oData) { 
      /*$("#Status").val($.cookie("Status")); 
      $("#TemplateID").val($.cookie("TemplateID")); 
      $("#FamilyID").val($.cookie("FamilyID")); 
      $("#LastTreatmentByID").val($.cookie("LastTreatmentByID"));*/ 
     }, 
     "sDom": 'T<"clear">lfrtip', 
     "oTableTools": { 
      "sSwfPath": "/Scripts/DataTables-1.10.4/extensions/TableTools/swf/copy_csv_xls.swf", 
      "aButtons": [] 
     }, 
     "pagingType": "full_numbers", 
     "language": { 
      "sProcessing": "Processing...", 
      "sLengthMenu": "show _MENU_ items", 
      "sZeroRecords": "No Match were found", 
      "sInfo": "_START_ To _END_ From _TOTAL_ Teams", 
      "sInfoEmpty": "0 To 0 From 0 Teams", 
      "sInfoFiltered": "(מסונן מסך _MAX_ רשומות)", 
      "sInfoPostFix": "", 
      "sSearch": "Team Free Search:", 
      "sUrl": "", 
      "oPaginate": { 
       "sFirst": "First", 
       "sPrevious": "Previous", 
       "sNext": "Next", 
       "sLast": "Last" 
      } 
     }, 
     "serverSide": true, 
     "orderMulti": false, 
     "ajax": { 
      "url": "/Users/FilterUserTeamsData", 
      "data": function (d) { 
       d.jsona = JSON.stringify(new JsonUserTeamSearch()); 
       d.freeText = $("#userteams_table_filter input").val(); 
      }, 
      "type": "POST", 
      "dataType": "json", 
      error: function (xhr, textStatus, errorThrown) { 
       console.log(xhr.responseText); 
      } 
     }, 
     //"aaData": data, 
     "columns": [ 
      { "data": "Name" }, 
      { "data": "Country" }, 
      { "data": "FanType" }, 
      { "data": "GlobalRating" }, 
      { "data": "LocalRating" }, 
      { "data": "TeamID" } 

     ],   
     "columnDefs": [ 
      { "width": "10%", "targets": [0, 1, 2, 3, 4, 5] }, 
      { "type": "date", "targets": [1] } 
     ], 
     "fnInitComplete": function() { 
      $($('.panel')[1]).append($('.DTTT_container')); 
     } 
    }); 
} 

Answer 1

で完全なデータテーブルの使用を追加しました ： 1.にヘッダを追加テーブル 2.サーバーからのデータと各列のバインドの間のタイプミスを確認します 3.ブラウザを強制的に更新します（Ctrl + F5）