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

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>

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 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>

<머리>

전화번호

성명：

관련 기사