Footable Erreur: Erreur: Aucune colonne fournie, ne montrant tableau

Question

Je cette table dans mon fichier .jsp:

<table class="footable table table-striped table-hover" id="clientTable" data-page-size="10" data-filter=#filter> 
    <tbody id="idbody"> 
     <tfoot> 
      <tr> 
       <td colspan='6'> 
        <ul class='pagination pull-right'></ul> 
       </td> 
      </tr> 
     </tfoot> 
    </tbody> 
</table> 

que je veux remplir avec des données à partir d'une demande de paiement ajax qui a ce code et moi étions remplir le tableau dynamique:

$.ajax({ 
    type: 'POST', 
    url: 'GetClientSearchResultServlet', 
    success: function (data) { 
    var jsonString = JSON.parse(data); 

    $.each(jsonString, function(k, v) { 
     var $option= "<tr id='tr"+v.id+"'></tr>"; 
     $('#idbody').append($option); 
     $option= "<td class='client-avatar'><i class='fa fa-user'>Ola</i></td>"; 
     $('#tr'+v.id).append($option); 
     $option="<td><a data-toggle='tab' href='#contact-"+v.id+"' onclick=userDetail("+v.id+") class='client-link' id="+v.id+">"+v.name+"</a></td>"; 
     $('#tr'+v.id).append($option); 
     $option="<td>"+v.local+"</td>"; 
     $('#tr'+v.id).append($option); 
     $option="<td class='contact-type'><i class='fa fa-envelope'> </i></td>"; 
     $('#tr'+v.id).append($option); 
     $option="<td>"+v.email+"</td>"; 
     $('#tr'+v.id).append($option); 
     $option="<td class='client-status'><span class='label pull-right'>"+v.entityType+"</span></td>"; 
     $('#tr'+v.id).append($option); 
    }); 
    } 
}); 

quand je le lance, il donne l'erreur: « FooTable: erreur lors de l'initialisation jeté unhandled erreur:. Aucune colonne fournie ». Mais si j'inspecte l'élément sur la page, le tableau apparaît dans le code, avec les données de ma base de données mais n'apparaît pas sur la page. de l'aide?

Answer 1

Je crois que c'est parce que vous n'avez aucun en-tête de table <th> défini.

par la documentation de FooTables (https://fooplugins.github.io/FooTable/docs/getting-started.html) votre table doit être formaté comme ceci:

<table> 
    <thead> 
     ... 
     <tr> 
      <th data-breakpoints="xs">ID</th> 
      <th>First Name</th> 
      <th>Last Name</th> 
      <th data-breakpoints="xs">Job Title</th> 
      <th data-breakpoints="xs sm">Started</th> 
      <th data-breakpoints="xs sm md">DOB</th> 
     </tr> 
    </thead> 
    ... 
</table>