2015-07-05 2 views
2

Я создал datatable используя JQuery Datatable.JQuery Datatable search

$('#mytable').dataTable({ 
    "pagingType": "simple_numbers", 
    "bLengthChange": false, 
    "iDisplayLength": 10, 
    "aaSorting": [[0, 'asc']], 
    "processing": true, 
    "serverSide": true, 
    "ajax": $('#mytable').data('source'), 
    "aoColumnDefs": [ 
     {'bSortable': false, 'aTargets': [3, 4]} 
    ] 
}); 

Но как я могу искать данные, отображаемые на столе?

+0

Что вы пробовали? Что не сработало? Пожалуйста, задайте вопрос о конкретной проблеме, с которой вы сталкиваетесь, вместо того, чтобы спрашивать «Как». Как и сейчас, этот вопрос отключен для SO – Stephen

+0

http://mobisoftinfotech.com/resources/blog/web-programming/jquery-datatable-ajax-tutorial-with-example-project/ –

ответ

2
var dataTable = $('#mytable').dataTable(); 

    $('#yourInputFieldID').on('input keyup paste', function() { 
    dataTable.fnFilter(this.value); 
    }); 

// Чтобы предотвратить подать на ввести нам необходимо, чтобы предотвратить поведение Введите ключ на KeyDown события

$('#yourInputFieldID').keydown(function (event) { 
    if (event.keyCode === 13) { 
     event.preventDefault(); 
     return false; 
    } 
    }); 
-1

Его встроенная особенность JQuery datatable т.е. sDom по умолчанию для поиска данных, присутствующих в таблице Вместо использования вышеуказанный метод просто использует атрибут

"sDom": "Tft<'row DTTTFooter'<'col-sm-6'I><'col-sm-6'p>>", 
Смежные вопросы