>웹 프론트엔드 >JS 튜토리얼 >jquery 테이블 정렬, 테이블 내용 실시간 검색(사진 포함)_jquery

jquery 테이블 정렬, 테이블 내용 실시간 검색(사진 포함)_jquery

WBOY
WBOY원래의
2016-05-16 16:47:521242검색
jquery 테이블 정렬, 테이블 내용 실시간 검색(사진 포함)_jquery
코드 복사 코드는 다음과 같습니다.










































First Name Last Name Email Phone Number
John Smith john.s (613) 873-2982
Sean MacIsaac seanjmacisaac (613) 871-6191
Tim Zarby zarbytown214@hotmail.com (613) 743-5389
Andrew Nichols andy_money2003 (613) 741-3384
Ally O'Neil allyoneil (613) 642-9831



To make a table searchable, add the class 'table-sort-search' to the

tag.



Example:


<code class="html"><table class="table-sort table-sort-search"></table></code>















































To make the search text input show the search match count, add the class 'table-sort-show-search-count' to the

tag.



Example


<code><table class="table-sort table-sort-search table-sort-show-search-count"></table></code>




<머리>




전화번호



































성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.