2017-12-12 1 views
3

간단한 검색을 만들었지 만 필터링이 아니므로 데이터 테이블 플러그인을 사용하고 있습니다. 나는 내 대본에서 무엇을 놓쳤는 지 모른다.datatable column.search()가 내 테이블을 필터링하지 않습니다.

<input type="text" id="txtserial" name="txtSerial" class="form-control" /> 

여기 내 자바 스크립트 : 당신이 비활성화 검색 능력을 가지고 있기 때문에

var dtmyJob = $('#myJob').DataTable({ 
    "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]], 
    iDisplayLength: -1, 
    sScrollY: "40vh", 
    bScrollInfinite: true, //this property disables pagination 
    "scrollCollapse": true, 
    "paging": false, 
    "bInfo": false, 
    "bFilter": false, 
    "bSort": false 
}); 

$("#txtserial").on('keyup', function() { 
    dtmyJob.columns(2).search(this.value).draw(); 
    alert(dtmyJob); 
}); 
+0

datatables는 자동 검색 필드를 제공합니다. columnDefs : [] 속성을 사용하여 열을 정의하지 않은 이유는 무엇입니까? – PhilMaGeo

+0

@PhilMaGeo이 샘플 jsfiddle을 기반으로합니다. 그는 선택적인 속성을 사용하지 않았습니다. [link] (http://jsfiddle.net/Ratan_Paul/5Lj6peof/1/) – Zach

+0

당신 말이 맞습니다. 그의 경우 검색 필드가 자동으로 생성된다는 것을 의미하지만 사용자가 직접 만들 수없는 이유는 찾을 수 없습니다. html 테이블이나 ajax 요청을 사용하고 있습니까? – PhilMaGeo

답변

1

bFilter: false를 제거하고 columns().search()로 검색하면 작동하지 않는 이유입니다.

검색 창을 숨기려면 dom 옵션을 사용하십시오. 예를 들어

: 당신이 그것을 사용하지 않는

'dom': 'lrtip' 
+0

'bFilter : false'를 제거하면 문제가 해결됩니다. – Zach

관련 문제