반응 형 테이블의 검색 필드를 지우려면 어떻게해야합니까?

Question

TabularTables을 사용하여 정의 된 테이블에 검색을 추가하고 caseSensitive, smart 및 enterOnly로 만들 수 있습니다. 그러나 테이블/페이지 새로 고침에서 검색 필드를 지우는 옵션이 표시되지 않습니다. 내가 어떻게 수색을 취소 할 수 있는지?

'stateSave'테이블에서 true로 설정되며 페이지 크기 및 정렬이 페이지 새로 고침 전체에 저장되기를 원하기 때문에 끌 수 없습니다.

https://github.com/aldeed/meteor-tabular#customizing-search-behavior

Answer 1

업데이트 onRendered 또는 onDestroyed 템플릿 핸들러는 데이터 테이블의 상태에서 검색 값을 지우고 다시 그려야합니다.

https://datatables.net/reference/api/search()

Template.your_template_name.onDestroyed(function() { 
    var table = $('#your_datatable_id').DataTable({ 
    'retrieve': true 
    }); 
    if (table.search() !== "") { 
    return table.search("").draw(); 
    } 
});