Jquery 테이블 토큰이 입력 체크 박스와 함께 작동하지 않습니다.

Question

Jquery 테이블 정렬기를 사용하고 있으며 열 중 하나가 입력 체크 상자 인 경우를 제외하고 모든 경우에 사용할 수 있습니다. 입력 체크 박스가 테이블 sort.I에있는 열이 없으면 버튼으로 입력을 변경하려고 시도했지만 체크 박스를 선택할 수없는 것입니다 (레이블과 관련이있을 수 있습니다) 태그)하지만 열은 정렬됩니다.

나는 해결책을 찾아 도처에서 찾았지만 찾을 수는 없지만 어떤 도움을 주시면 대단히 감사하겠습니다.

<div class="container"> 
     <div class="row"> 
      <div class="cols s12"> 

       <div id="searchtable1">  
        <table class="sortable responsive-table bordered highlight">   
        <thead>   
         <tr> 
          <th ></th>      
          <th >Username</th> 
          <th >First Name</th> 
          <th >Last Name</th>      
         </tr> 
        </thead>       
        <tbody> 
         <tr id="${count}"> 
          <td> 
           <%-- <input type="checkbox" value="1" id="checkbox1" name="checkbox1"> --%> 
           <button type="checkbox" value="1" id="checkbox1" name="checkbox1"></button> 
           <label for="checkbox1"></label> 

          </td> 
          <td></td> 
          <td></td>  
          <td></td> 
         </tr> 
        </tbody> 
       </table> 
      </div> 
     </div> 
    </div> 
</div> 


<script language="JavaScript" type="text/javascript"> 
    $(document).ready(function() { 
     $('#searchtable1').dataTable().sort(); 
    }); 
</script> 

이것은 JSP 페이지이며 CSS materialize 스타일 시트를 사용하고 있습니다.

버튼 체크 박스가 작동하지 않는 이유 또는 입력 체크 박스가 큰 테이블을 정렬하지 않는 이유를 알려주십시오.

Answer 1

많은 시간 동안 비참 해지면서 문제는 CSS materialize 스타일 시트에 있습니다. <td></td> 같은 줄에 있지 않기 때문에 작동하지 않았습니다. 그래서 올바른 코드 및 간격은 다음과 같습니다

스타터

<tr id="${count}"> 
    <td><input type="checkbox" value="1" id="checkbox1" name="checkbox1"><label for="checkbox1"></label></td> 
    <td></td> 
    <td></td>  
    <td></td> 
</tr>