Datatable 플러그인이 html 테이블에서 작동하지 않습니다

이전에 jQuery 페이지 매김이었던 페이지 매김에 플러그인을 사용하고 있었지만 페이지 매기기로만 제한되었으므로 http://datatables.net으로 전환하기로 결정했습니다.하지만 튜토리얼에서 말한 것처럼 적용 할 때 이 테이블에 데이터를 사용할 수 있다는 것을 sayng 라인을 표시하고, 그 여기에서 0 0의 항목에 0을 표시 내 HTML과 임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>

을이을 제압하려고 어떻게하고 여기 내 자바 스크립트

입니다

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

출처

2013-05-13 B. TIger

질문 : JS 템플릿 엔진과 비슷한 태그를 볼 수 있지만 JSP 일 수 있습니다 (JSP는 알지 못합니다). 테이블의 데이터가 이미 페이지로드시에 사용 가능한지, 아니면 (자바 스크립트에서) 렌더링 된 것입니까? – sixFingers

페이지가로드 될 때 데이터가 이미 사용 가능합니다. 사용하는 JSP 엔진의 ArrayList로 채워집니다. –

DataTables does not support multiple <tbody>-tags. 또한 첫 번째 <tbody>에는 <thead> 섹션과 일치하지 않는 하나의 열만 포함되므로 DataTables가 초기화되지 않습니다. DataTables는 colspanning을 인식하지 못합니다.

도 모두 jquery.dataTables.min.js과jquery.dataTables.js 인 이유는 무엇입니까?

출처

2013-05-13 13:56:16 davidkonrad

문제를 사용하여 성공을 거두지 않은 채로 두 가지를 모두 시도했지만 감사합니다. 정말 도움이되었습니다. –

Datatable 플러그인이 html 테이블에서 작동하지 않습니다

답변

관련 문제