首页  >  文章  >  web前端  >  jquery 表格排序、实时搜索表格内容(附图)_jquery

jquery 表格排序、实时搜索表格内容(附图)_jquery

WBOY
WBOY原创
2016-05-16 16:47:521220浏览
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


<前><代码>


>

<头>

名字
姓氏
电子邮件
电话号码第>


;
































声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn