Question

필터 테이블 옵션을 사용하여 입력 상자를 수행하려고합니다.

<input class="form-control" id="myInput" type="text" placeholder="Search.."> 

이 코드는 테이블 생성 : 내 입력 상자는

$data = '<table class="table table-bordered table-striped"> 
              <tr> 
                <th>No.</th> 
                <th>Status</th> 
                <th>First Name</th> 
                <th>Last Name</th> 
                <th>Email Address</th> 
                <th>Update</th> 
                <th>Delete</th> 
              </tr>'; 
    $query = "SELECT * FROM users"; 

을 내 JS는 다음과 같습니다

$(document).ready(function(){ 
    $("#myInput").on("keyup", function() { 
    var value = $(this).val().toLowerCase(); 
    $("#myTable tr").filter(function() { 
     $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1) 
    }); 
    }); 
}); 

그것이 필요한 TBODY 또는 다른 것을 사용하는 것입니다 필터 테이블을 작성 하시겠습니까? 또는 첫 번째에 대한 예외를 수행 할 수 없습니까?

매우 감사합니다.

Answer 1

예, 첫 번째 것에 대한 예외를 수행 할 수 있습니다. 같은 것을보십시오 :

$('table tr:gt(1)').filter... 

(헤더 1 개 행이, 그래서 작동합니다)

Answer 2

을 내가 할!

마지막으로이 코드

하십시오 THEAD 및 TBODY를 갖는

$(function(){ 
    $("#myInput").on("keyup", function() { 
     var $value = $(this).val().toLowerCase(); 
     $("#myTable tr:gt(0)").filter(function() { 
      $(this).toggle($(this).text().toLowerCase().indexOf($value) > -1) 
     }); 
    }); 
});