2016-12-15 5 views
0

Я пытаюсь добавить новые столбцы в данные, но они не отображаются . Я добавляю заголовок обоих из них.новые столбцы, не отображающие данные dsatables js

Вот HTML часть:

<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> 

Вот DataTable столбцы часть в ЯШ:

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

Я также прикрепить изображение результата: [[введите изображение описание здесь] [1]] [1]

серверная сторона заполняет все fie 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')); 
     } 
    }); 
} 
+0

Можете ли вы показать ViewModel, который вы используете для заполнения строк? –

+0

они заполняются вызовом ajax с помощью json, я добавил только глобальное и локальное расположение, прежде чем они работали нормально – Joe

+0

Затем, пожалуйста, покажите модель JSON, используемую для вызова. Я предполагаю, что где-то есть опечатка, например. 'TeamID' и' TeamId'. –

ответ

0

если DataTables не отображаются столбцы, проверьте следующее: 1. добавить заголовки в таблица 2. проверить наличие опечаток между данными с сервера и то, что каждый столбец привязан к 3. принудительное обновление браузера (ctrl F5)

Смежные вопросы