table.filter.js #quickfind는 첫 번째 열에서 검색해야합니다.

PicNet 테이블 필터에 문제가 있습니다. Here is the demo.table.filter.js #quickfind는 첫 번째 열에서 검색해야합니다.

<body> 
    Quick Find: <input type="text" id="quickfind"/> 
    <table id='dataTable'> 
     <thead> 
      <tr> 
       <th>File</th> 
       <th>Last Modified</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td class="left"><a href="10.pdf">10.pdf</a></td> 
       <td class="right">22.03.12 19:45:58</td> 
      </tr> 
      <tr> 
       <td class="left"><a href="20.pdf">20.pdf</a></td> 
       <td class="right">22.03.12 19:45:58</td> 
      </tr> 
      <tr> 
       <td class="left"><a href="22.pdf">22.pdf</a></td> 
       <td class="right">22.03.12 19:45:58</td> 
      </tr> 
     </tbody> 
    </table> 
..

그것은 단지 하나의 (첫번째) 열에 #quickfind로 검색 가능 :

여기

$(document).ready(function() { 
    // Initialise Plugin 
    var options = { 
     additionalFilterTriggers: [$('#quickfind')] 
    }; 
    $('#dataTable').tableFilter(options); 
});

는 HTML입니다 : 여기

내 JS입니까? #quickfind에서 "22"를 검색하면 오른쪽 열에 날짜와 시간이 "22"이므로 3 개의 결과가 나타납니다.

display:none;의 CSS는 .filter 클래스에서 사용할 수 없기 때문에 검색 필드 하나만 사용할 수 있습니다. 제네릭 된 자바 스크립트 코드를 복사하여 #quickfind으로 바꿨습니다.

<input type="text" id="filter_0" class="filter" >

filter_0은 첫 번째 행입니다. filter_1은 두 번째 행입니다. 등등. 그러나 코드는 테이블에서만 작동합니다! 이상은 아닙니다.

어떤 문제를 해결하기위한 아이디어일까요?

출처

2012-03-23 bernte

정확히 무엇이 문제입니까? 각각의 열을 개별적으로 검색하는 것이 가능해 보입니다. 그게 원하는 행동 아닌가요? – Roy

열에 대한 검색을 비활성화 할 수 있습니다. filter = 'false' 속성을 헤더 번째 태그에 넣으십시오.

<th filter='false'>Last modified</th>

출처

2013-04-10 12:10:38 hz777

table.filter.js #quickfind는 첫 번째 열에서 검색해야합니다.

답변

관련 문제