Bootstrap 4 필터

Bootstrap 4에는 필터링을 허용하는 구성 요소가 없다.
그러나 jQuery를 사용하여 요소를 필터링/검색할 수 있다.

테이블 필터링

예제

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

필터 목록

목록의 항목에 대해 대소문자를 구분하지 않고 검색을 수행한다.

예제

무엇이든 필터링

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기