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

>



名字
姓氏
電子郵件
電話號碼第>

標題>
;






























表>

約翰	史密斯	john.s	(613) 873-2982
肖恩	麥薩克	seanjmacisaac	(613) 871-6191
Tim	扎比	zarbytown214@hotmail.com	(613) 743-5389
安德魯	尼可斯	andy_money2003	(613) 741-3384
艾莉	歐尼爾	allyoneil	(613) 642-9831