검색 html 테이블을 즉시 필터링하는 상자?

Question

이 나는 ​​즉시 필터이 테이블의 맨 위에 검색 상자를 찾고 오전의 HTML과 같이 MySQL의 DB를 가져옵니다 테이블 ...

ID NAME    COST POSITION SCORE 
1 John Johnson  4.5  Mid  28 
2 Mark Markson  6.1  Atk  41 
3 Larry Lawrenson 5.6  Def  38  
4 Paul Paulson  5.4  Mid  32 

등 ...

이 입력 한 내용을 기반으로 한 데이터 (즉석에서 - 제출 상자 나 다른 것을 누르지 않고). 예를 들어 검색 창에 Mid을 입력하면 위 사용자 중 2 명만 표시되고 나머지는 볼 수 없게됩니다.

나는 "spotlight search php"로 인터넷 검색을 시도했지만, 이미 발견 된 모든 검색은 화면에 이미있는 표를 필터링하는 대신 검색 목록을 제공하는 google.com 또는 apple.com 스타일과 비슷했습니다.

This 유망 해 보인다 ... 내가하려는 일을하겠습니까?

아무에게도이 작업을 수행하는 데 유용한 정보 나 링크가 있습니까? 아니면 내가 그걸 정식이라고 부르더라도. 또한 내가 묻는 것이 불명확하면 알려 주시기 바랍니다. 나는 분명히하려고 노력할 것입니다.

Answer 1

나는 이것이 당신이 찾고있는 것이라고 생각합니다.

http://www.datatables.net/release-datatables/examples/basic_init/zero_config.html

dataTables 현재 HTML 테이블을 검색하고, 검색 용어 (대소 문자 구분)과 일치하는 행만 표시됩니다. 기본적으로 정렬이 활성화되어 있습니다. 모두 정렬하지 않도록 구성 할 수 있습니다.

Answer 2

네, 당신이 찾고있는 기사가 당신이 찾고있는 것을 성취해야합니다.

jQuery Autocomplete plugin을 사용하여 서버에 콜백 할 수도 있습니다. 서버는 해당 행의 데이터로 해당 쿼리에 응답 할 수 있습니다.