Загрузочный стол json от ajax

Question

У меня проблема с таблицей ajax и bootstrap. У меня есть АЯКС JSON я называю этот метод:

$(document).ready(function(){ 

    $.ajax({ 
     url: 'php/process.php?method=fetchdata', 
     dataType: 'json', 
     success: function(data) { 
      $('#clienti').bootstrapTable({ 
       data: data 
      }); 
     }, 
     error: function(e) { 
      console.log(e.responseText); 
     } 
    }); 
}); 

Моя JSON кажется правильно, но таблица не показывает ни одной записи. Что я делаю не так?

Здесь также определение таблицы

<table data-toggle="table" class="display table table-bordered" id="clienti"> 
    <thead> 
    <tr> 
     <th>Nome</th> 
     <th>Cognome</th> 
     <th>Data Nascita</th> 
     <th>Provincia</th> 
     <th>Comune</th> 
     <th>CAP</th> 
     <th>Indirizzo</th> 
     <th>Fisso</th> 
     <th>Cellulare</th> 
     <th>Note</th> 
    </tr> 
    </thead> 

</table> 

Это также является частью JSON, который возвращается

[{"Nome":"","Cognome":"","DataN":"0000-00-00","Provincia":"","Comune":"","CAP":"","Indirizzo":"","Fisso":"","Mobile":"","Note":""},{"Nome":"Federico","Cognome":"Lupieri","DataN":"2015-09-16","Provincia":"","Comune":"","CAP":"34170","Indirizzo":"Via Ascoli 1","Fisso":"00112233445566","Mobile":"00112233445566","Note":"Vediamo se funziona questo"}, 

Answer 1

проверить это Fiddle

необходимо указать data-field в каждом th также вы должны удалить data-toggle="table"

data-toggle="table" в documentation: Активация начальной загрузки таблицы без написания JavaScript. Установите data-toggle = "table" в обычной таблице.

в вашем случае, если вы не хотите использовать JavaScript просто сделать ваш стол, как показано ниже

<table data-toggle="table" class="display table table-bordered" data-url="php/process.php?method=fetchdata"> 
    <thead> 
     <tr> 
      <th data-field="Nome">Nome</th> 
      <th data-field="Cognome">Cognome</th> 
      <th data-field="DataN">Data Nascita</th> 
      <th data-field="Provincia">Provincia</th> 
      <th data-field="Comune">Comune</th> 
      <th data-field="CAP">CAP</th> 
      <th data-field="Indirizzo">Indirizzo</th> 
      <th data-field="Fisso">Fisso</th> 
      <th data-field="Mobile">Cellulare</th> 
      <th data-field="Note">Note</th> 
     </tr> 
    </thead> 
</table> 

Answer 2

От documentation:

HTML

<table id="table"></table> 

JS

$('#table').bootstrapTable({ 
    columns: [{ 
     field: 'id', 
     title: 'Item ID' 
    }, { 
     field: 'name', 
     title: 'Item Name' 
    }, { 
     field: 'price', 
     title: 'Item Price' 
    }], 
    data: [{ 
     id: 1, 
     name: 'Item 1', 
     price: '$1' 
    }, { 
     id: 2, 
     name: 'Item 2', 
     price: '$2' 
    }] 
}); 

Это означает, что вы должны указать столбцы, которые будут использоваться в JavaScript не в HTML. Надеюсь, что это помогает