2016-07-19 1 views
0

나는이 사이트와 다른 사이트에서 많은 튜토리얼을 보았습니다. 그러나 모든 자습서는 테이블을 정렬하지 않는 입력 상자를 초래합니다. 나는 JQuery tablesorter 플러그인을 사용하고 있으며, 정상적으로 정렬 만하면 모든 것이 잘 동작한다. 어떻게하면 테이블 위에 기능하는 검색 막대를 추가하고 검색 기준에 맞지 않는 모든 행을 숨길 수 있습니까? 현재 Zebra 위젯이 구현되어 제대로 작동합니다.JQuery Tablesor로 검색 막대를 구현하는 방법

+0

당신은 당신이 내 현재 코드를 원하십니까 jsfiddle –

+0

@MohammedFarooq에 시도 코드를 공유 할 수 있습니까? 또는 내가 시도한 코드가 작동하지 않습니까? – Zuve

+0

시도했으나 작동하지 않았던 코드. –

답변

0

플러그인 외부에서 검색하는 쉬운 방법을 발견했습니다.

<input type="search" class="light-table-filter" data-table="tablesorter" placeholder="Search"> 

검색 막대와 아래 링크의 JS를 사용하여 쉽게 검색 창을 통합했습니다. 여기

그것이 : https://codepen.io/chriscoyier/pen/tIuBL