tablesorter-filter и jquery tablesorter

Question

Я использую https://github.com/jbritten/jquery-tablesorter-filter, jquery table sorter plugin и таблицу сортировки сортировщика jquery.

Когда я загружаю настройки в нагрузку документа и добавляю фильтр, он разрушает разбиение на страницы. У меня была эта проблема с каждым плагином фильтра для таблицы, который я пытался использовать.

var $table = $('#billing_summary_table') 
.on('pagerInitialized pagerComplete', function (e, c) { 
    var i, pages = '', t = [], 
     cur = c.page + 1, 
     start = cur > 1 ? (c.totalPages - cur < 3 ? -3 + (c.totalPages - cur) : -1) : 0, 
     end = cur < 3 ? 5 - cur : 2; 
    for (i = start; i < end; i++) { 
     if (cur + i >= 1 && cur + i < c.totalPages) { t.push(cur + i); } 
    } 
    // make sure first and last page are included in the pagination 
    if ($.inArray(1, t) === -1) { t.push(1); } 
    if ($.inArray(c.totalPages, t) === -1) { t.push(c.totalPages); } 
    // sort the list 
    t = t.sort(function(a, b){ return a - b; }); 
    // make links and spacers 
    $.each(t, function(j, v){ 
     pages += '<a href="#" class="' + (v === cur ? 'current' : '') + '">' + v + '</a>'; 
     pages += j < t.length - 1 && (t[j+1] - 1 !== v) ? ' ... ' : (j >= t.length - 1 ? '' : ' '); 
    }); 
    $('.pagecount').html(pages); 
}) 
.tablesorter({ 
    widgets: ['zebra'] 
}) 
.tablesorterPager({ 
    container: $(".pager"), 
    size: 3, 
    output: 'showing: {startRow} to {endRow} ({totalRows})', 
    removeRows: false 
}) 
.tablesorterFilter({ 
    filterContainer: "#filter", 
    filterColumns: [0,1,2,3] 
}); 

Answer 1

Я предлагаю вам опробовать мой fork of tablesorter. Причина в том, что плагин pager имеет опцию removeRows, которая по умолчанию равна false, поэтому все строки таблиц все еще существуют на странице (в DOM), что делает фильтрацию легкой. Таким образом, он должен работать (непроверенный) с фильтром, который вы упомянули.

Кроме того, проверьте:

• Основной filter widget, который добавляет фильтр для каждого столбца.
• Виджет фильтра с использованием опции filter_anyMatch, которая позволяет вам добавлять свой собственный вход для поиска всего содержимого таблицы.
• Использование фильтра виджет с more than one external search input
• A demo от quicksearch plugin, используемого в сочетании с пейджером плагин.

Answer 2

Попробуйте поставить фильтр в .tablesorter() функции

.tablesorter({ 
    widgets: ['zebra'], 
    filter_columnFilters: true,//If u want a single filter for each column 
    filter_external: '#filter' 
}} 

У вас есть больше информации здесь: Tablesorter external input

Я думаю, что это будет работать для вас, я его реализации только сегодня.