2014-06-06 4 views
0

jquery datatable을 사용하여 응용 프로그램에 보고서를 표시하고 있습니다. 기본 검색을 사용하면 데이터 테이블이 제공됩니다. 검색은 대부분의 시나리오에서 작동합니다. 하지만 몇 마디로 검색하는 데 문제가 있습니다.데이터 테이블 검색 문제

<td> 태그 사이의 내용이 텍스트로 간주됩니다. 따라서 단어 add을 검색하면 모든 행이 표시됩니다. 이는 첫 번째 열이 클래스 속성으로 add 작업을 가지고 있기 때문입니다. 동일은 href, get, id의 경우, progress

<tr class="odd"> 
    <td class=""><a href="#" class="add" onclick="getById(68)">68</a></td> 
    <td class="">friw678</td> 
    <td class="">windows</td> 
    <td class=""> 
     <span title="Bangalore">Bangal..</span> 
     <p>Bangalore</p> 
    </td> 
    <td class=" sorting_1"> 
     <span title="6/6/2014 1:02:52 PM">6/6/2014 1..</span> 
     <p>6/6/2014 1:02:52 PM</p> 
    </td> 
    <td class=""> 
     <div class="progressBarBlueComplete ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100"> 
     <div class="ui-progressbar-value ui-widget-header ui-corner-left ui-corner-right" style="display: block; width: 100%;"></div> 
     </div> 
    </td> 
    <td class=""> 
     <span title="COMPLETED">COMPLE..</span> 
     <p>COMPLETED</p> 
    </td> 
    <td class="">sha5</td> 
</tr> 

에만 또한 내부 태그 내부의 텍스트를 고려하는 방법이 있나요이다. (내부 태그를 고려하는 대신) href 검색 결과가 비어있는 경우.

DataTable의 사용 예, 전 세계적으로 데이터 테이블의 필터링 동작을 지정하거나 각 열에 대해 수 https://datatables.net/

답변

5

입니다. 올바르게 이해하면 표 셀의 내용에서 html 태그를 제거하는 것이 좋습니다. .dataTable({}); 정의 내에서 이렇게 할 수 있습니다.

"aoColumnDefs": [ 
    { "mRender": function (data, type, full) { 
      if (type === 'filter') { 
       return data.replace(/(<([^>]+)>)/ig,""); 
      } 

      return data; 
     } 
    } 
] 
+0

필터 또는 디스플레이인지 여부를 알기 위해 유형을 사용하는 것이 좋습니다. :) Thanks a lot :) – Manu