Rumah >hujung hadapan web >tutorial js >jquery 表格排序、实时搜索表格内容(附图)_jquery

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

WBOY
WBOYasal
2016-05-16 16:47:521242semak imbas
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>













































Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn