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:

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

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>

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