동적으로 채워진 표가있는 jquery datatables에서 검색이 작동하지 않습니다.

Question

표에 데이터가 있어도 데이터 표에 검색 결과가 표시되지 않습니다. jquery datatable 플러그인을 사용하고 있습니다. 일부 열의 데이터를 동적으로 채우고 나중에 사용자가 일부 데이터를 입력 할 수 있도록 일부 열을 만드는 중입니다.

그때 난 당신이 어딘가에 마크 업에 문제가 생각 /스타일

<script src="media/js/jquery.js"></script> 
    <script type="text/javascript" src="js/jquery.min.js"></script> 
    <script src="media/js/jquery.dataTables.js"></script> 
    <link href="media/css/jquery.dataTables.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript" src="js/bootstrap.min.js"></script> 
    <link rel="stylesheet" href="css/bootstrap.min.css"> 
    <script src="extensions/Plugins/integration/bootstrap/3/dataTables.bootstrap.js"></script> 
    <link rel="stylesheet" href="css/bootstrap-multiselect.css" type="text/css"> 
    <script type="text/javascript" src="js/bootstrap-multiselect.js"></script> 
    <link rel="stylesheet" href="css/bootstrap-theme.min.css"> 
<script> 
$(document).ready(function() { 
    $('#dbResultsTable').dataTable({ 
     "bJQueryUI": true, 

     "sPaginationType": "full_numbers" , 

     "paging": true, 

     "ordering" : false, 

     "scrollY":false, 

     "autoWidth": true, 

     "info":  true , 

     "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]], 

     "dom": '<"top"iflp<"clear">>rt<"bottom"iflp<"clear">>' 

     } 

     ); 


     $('.companyNamesClass').multiselect({ 
      enableFiltering: true 

     }), 

      $('#dbResultsTable').on('draw.dt', function() { 
      $('.companyNamesClass').multiselect({ 
       enableFiltering: true, 
      }); 
     }); 
    }); 
</script> 

<!--- jsp page code here ---> 
    <table width="1698" cellspacing="0" class="elements" id="dbResultsTable" > 
    <thead> 
     <tr bgcolor="#33FFFF"> 
     <th>Student</th> 
     <th>BranchName</th> 
     <th>Year</th> 
     <th>Company</th> 
     <th>Pkg</th> 
     </thead> 
    <tbody> 
      <c:forEach var="indexMap" items="${requestScope.studentMap}"> 
      <tr><td><input type="textbox" value="${indexMap.key}"></td> 
       <td><input type="texbox" value="${resultMap.value}"></td> 
       <td>2010</td> 
       <td> 
       <select name="compnayNames[]" class="companyNamesClass" multiple="multiple"> 
        <option value="Apple">Apple</option> 
        <option value="Google">Goolge</option> 
        <option value="Tata">Tata</option> 
        <option value="IBM">IBM</option> 
        <option value="Other">Others</option> 
       </select> 
       </td> 
        <td><input type="textbox"></td> 
      </tr> 
     </c:forEach>             
     </tbody> 

Answer 1

스크립트 이하로 사용하고 있어요 내장 typedetection 실패합니다. jQuery dataTables 은 열 유형을 자동으로 인식해야합니다. 그렇지 않으면 적어도 시도합니다. 예 : <input>, <select> 등을 사용하고 있지만 어떤 이유로 인해 유형 감지에 실패했습니다. 유효한 마크 업을 항상 기억하십시오! !. 당신은 (1.10.x 표기법이 같은 유형의 탐지를 강제 할 수 있습니다.

$('#dbResultsTable').DataTable({  
    ... 
    columnDefs: [ 
     { "type": "html-string", "targets": 0 }, 
     { "type": "html-string", "targets": 1 } 
     //and so on 
    ] 
}); 

이 DataTable()하지 dataTable() 작은 데모 기억 - html-string 나던 작품은, html으로 시도 할 경우>http://jsfiddle.net/azgcbnex/는 희망이 도움을 주시기 바랍니다 이 답변이 작동하는지 알고 싶다면 삭제하십시오. 내 대답은 자격있는 추측이지만 확신 할 수 없습니다.