Datatable插件不能在html表上工作

我之前使用的插件是jQuery分頁的分頁，但由於它僅限於分頁，所以我決定切換到http://datatables.net，但是當我像教程中所說的那樣應用它時它出現的線路sayng有表沒有可用的數據，那就是顯示0到0的條目，這裏是我的html和Im如何試圖理清這一點Datatable插件不能在html表上工作

<%@ include file="/template/jstl.jsp"%> 
<html> 
<title></title> 
<head> 
<script type="text/javascript" src="${ctx}/js/jquery/jquery-1.7.2.js"></script> 
<script type="text/javascript" src="${ctx}/js/jquery/jPaginate.js"></script> 
<script type="text/javascript" src="${ctx}/js/jquery/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="${ctx}/js/jquery/jquery.dataTables.js"></script> 
<script type="text/javascript" src="${ctx}/js/device/device.js"></script> 

</head> 
<body> 

<div class="titulo">Lista de Dispositivos</div> 
    <table class="device" id="table_id"> 
     <thead> 
      <tr> 
       <th >Nome</th> 
       <th >Código</th> 
       <th >Ações</th> 
       <th >Excluir</th> 

      </tr> 
     </thead> 
     <tbody> 
      <c:if test="${empty devices}"> 
               <tr> 
        <td colspan="4" align="center">                              
          Nenhum dispositivo encontrado</td> 
       </tr> 
           </c:if> 

     </tbody> 
     <tbody id="tableholder" class="classholder"> 
     <c:forEach var="device" items="${devices}"> 
      <tr> 
       <td><a href="<c:url value="/device/update/${device.id}"/>">${device.name}</a></td> 
       <td><a href="<c:url value="/device/update/${device.id}"/>">${device.code}</a></td> 
       <td><a href="<c:url value="/comandos/${device.id}"/>"><img src="${ctx}/images/comandos.png" alt="Comandos" title="Comandos"></a></td> 
       <td><a id="${device.id}" class="delete" href="#"><input type="submit" id="excluir_button" value="" title="Excluir" /></a></td> 
      </tr> 
     </c:forEach> 
     </tbody> 
    </table> 

</body> 
</html>

，這裏是我的JavaScript

jQuery(document).ready(function() { 
    jQuery("#table_id").dataTable(); 
});

來源

2013-05-13 B. TIger

問題：我看到類似於JS模板引擎的標籤，但可能是JSP（我不知道JSP）。表中的數據在頁面加載時是否已經可用，或者它在（可能使用Javascript）後呈現？ – sixFingers 2013-05-13 13:50:58

當頁面完成加載時，數據已經可用，它在JSP引擎上填充了一個ArrayList，我使用 – 2013-05-13 13:53:30

DataTables does not support multiple <tbody>-tags。此外，您的第一個<tbody>只包含一個跨四個列，與<thead>部分不匹配，因此DataTable無法初始化。 DataTables不理解colspanning。

此外，爲什麼都是jquery.dataTables.min.js和jquery.dataTables.js？

來源

2013-05-13 13:56:16 davidkonrad

在嘗試使用這個問題之後，我嘗試使用兩種方法，謝謝這真的是有用的 – 2013-05-13 14:00:35

Datatable插件不能在html表上工作

回答

相關問題