Question

我在.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> 

，我想，以填补从具有此代码，是我一个Ajax请求数据动态填写表格：

$.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); 
    }); 
    } 
}); 

当我运行它，它给出了错误：“FooTable：未处理的错误初始化错误期间抛出：不提供列”。但是，如果我检查页面上的元素，表格会显示在代码中，并显示来自我的数据库的数据，但不显示在页面上。任何帮助？

Answer 1

我相信这是因为你没有任何表头<th>定义。

每FooTables'文件（https://fooplugins.github.io/FooTable/docs/getting-started.html）你的表的格式应该是这样的：

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